unterschiedliche Browserdarstellung bei float:left
crawley
- browser
Hallo,
kann mir jemand sagen, warum Firefox in meinem Beispiel den linken Bereich um eine Zeile nach unten versetzt? Und, wie ich dass korrigiere?
<body style="margin:0px; padding:0px;">
<span style="width:40%; float:left;">
<p>Null Eins</p>
<ul>
<li>ein Satz</li>
<li>zweiter Satz</li>
<li>dritter Satz</li>
<li>vierter Satz</li>
</ul>
</span>
<span style="width:40%;">
<p>Null Zwei</p>
<ul>
<li>ein Satz</li>
<li>zweiter Satz</li>
<li>dritter Satz</li>
</ul>
</span></body>
Gruß
Jens
Hi crawley!
kann mir jemand sagen, warum Firefox in meinem Beispiel den linken Bereich um eine Zeile nach unten versetzt? Und, wie ich dass korrigiere?
Solange du invaliden Code schreibst, ist der Rest irrelevant.
Korrigiere dein Markup.
Bedenke außerdem, dass eine Prozentangabe auch irgendwie eine Referenz benötigt. 40% wovon?
MfG H☼psel
Ok, zu sehr vereinfacht...
Ein neuer Versuch:
Warum ist der Bereich rechts um eine Zeile versetzt?
<body style="margin:0px; padding:0px;">
<div style="width: 800px;">
<div style="width:40%; float:right;">
<h6>Null Zwei</h6>
<ul>
<li>ein Satz</li>
<li>zweiter Satz</li>
<li>dritter Satz</li>
<li>vierter Satz</li>
</ul>
</div>
<div style="width:40%;">
<h6>Null Eins</h6>
<ul>
<li>ein Satz</li>
<li>zweiter Satz</li>
<li>dritter Satz</li>
</ul>
</div>
</div>
</body>
Hi crawley!
Ein neuer Versuch:
Warum ist der Bereich rechts um eine Zeile versetzt?
Bei "Null Eins" wirken Collapsing Margins.
MfG H☼psel
Dankeschön!
Gruß
Jens