mehrere <div>, andere position

[sebi]

hallo

ich erzeuge einen fragenkatalog dynamisch mit php.
dabei werden die einzelnen fragen untereinander angeordnet:
__
<div id="frage" style="top:60 px;">
  01. Die Theorie- und Arbeitsblätter, Lehrbücher etc. sind ...  </div>
<div id="antwort" style="top:60 px;">
  <input type="radio" value="1" name="frage1">
  <input type="radio" value="2" name="frage1">
  <input type="radio" value="3" name="frage1">
  <input type="radio" value="4" name="frage1">
  <input type="radio" value="5" name="frage1">
</div>
<div id="extremum1" style="top:60 px;">
  ungeeignet
</div>
<div id="extremum2" style="top:60 px;">
  sehr geeignet
</div>
__
dann folgt ein gleich aufgebauter block, mit der nächsten frage
(syle="top:60 px" wird dann allerdings zu style="top:120px")

im css file ist das element antwort folgendermassen definiert:
__
#antwort {
 color: #FFFFFF;
 background-color: #0066FF;
 text-align: left;
 vertical-align: top;
 left: 540px;
 position: absolute;
 height: 30px;
 width: 120px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: normal;
 border: 1px none #FFFFFF;
 padding-left: 5px;
}
__
(die elemente frage, extremum1,2 sind analog definiert)

safari und verschiedene IE versionen interpretieren das ganze richtig
(bzw. so wie ich es mir vorstelle)
mozilla ignoriert allerdings "style="top:xx px" und es werden alle fragen übereinander geschrieben. woran liegt das?

[Ingo Turski]

Hi,

<div id="frage" style="top:60 px;">

hier dürfte das Leerzeichen nicht zulässig sein.

freundliche Grüße
Ingo

[wahsaga]

hi,

ich erzeuge einen fragenkatalog dynamisch mit php.
dabei werden die einzelnen fragen untereinander angeordnet:
__
<div id="frage" style="top:60 px;">

diese ID wechselt hoffentlich bei der nächsten frage? - da IDs ja bekanntlich dokumentweit eindeutig zu sein haben.

safari und verschiedene IE versionen interpretieren das ganze richtig
(bzw. so wie ich es mir vorstelle)
mozilla ignoriert allerdings "style="top:xx px" und es werden alle fragen übereinander geschrieben. woran liegt das?

das leerzeichen zwischen wert und einheit ist nicht erlaubt.

gruss,
wahsaga

[MudGuard]

Hi,

<div id="frage" style="top:60 px;">

top müßte hier effektiv den Wert 0 haben - denn auf das läuft der Initialwert auto im Normalfall raus.

<div id="antwort" style="top:60 px;">

top müßte hier effektiv den Wert 0 haben - denn auf das läuft der Initialwert auto im Normalfall raus.

<div id="extremum1" style="top:60 px;">

top müßte hier effektiv den Wert 0 haben - denn auf das läuft der Initialwert auto im Normalfall raus.

<div id="extremum2" style="top:60 px;">

top müßte hier effektiv den Wert 0 haben - denn auf das läuft der Initialwert auto im Normalfall raus.

dann folgt ein gleich aufgebauter block, mit der nächsten frage
(syle="top:60 px" wird dann allerdings zu style="top:120px")

na '120px' wär im Gegensatz zu '60 px' doch wenigstens ein gültiger Wert

safari und verschiedene IE versionen interpretieren das ganze richtig
(bzw. so wie ich es mir vorstelle)

Sie interpretieren es falsch, denn fehlerhafte Werte müssen ignoriert werden.

mozilla ignoriert allerdings "style="top:xx px" und es werden alle fragen übereinander geschrieben. woran liegt das?

Weil der Wert fehlerhaft ist - zwischen Zahl und Einheit darf nichts stehen - auch kein Leerzeichen.

cu,
Andreas