Text / Div läuft falsch

[Fili]

Ich habe ein Problem, das ich nicht verstehe. :?:
Longieren ohne und mit Hilfszügel Beim 3. und 4. Bild.

Aussehen sollte es so wie im Anhang Opera_richtig.jpg, so wirds auch in Opera angezeigt. Bei der Vorschau im Dreamwaver und bei der Anzeige mit Firefox ist aber das Div mit den Bildern und der Legende nach links verschoben, im Dreamweaver läuft der Text statt rechts- linksbündig und umbricht ausserdem nicht - das Div ist also grösser, als ich es definiert habe.
Ich kann mir bloss nicht erklären, warum das so ist. Nehme ich die Legende weg, funktioniert es so, wie es sollte. Der Code ist genau derselbe wie bei den ersten zwei Fotos, dort gehts ja!

Weiss jemand von euch, was da los ist?

 

[threadi]

In meinem FF3 sieht es korrekt aus. Allerdings kann ich mir vorstellen, dass beim li das margin-right von über 200px problematisch sein könnte. Entferne das mal.

 

[neuroleptika]

Ersatzlos streichen kann man die Begrenzung von <li> nicht.
Sonst wird der Float ja sichtbar umflossen.
Ich würde vielleicht eine Begrenzung mit width erzwingen:

li {
color:#444444;
font-family:Verdana,sans-serif;
font-size:11px;
line-height:18px;
[COLOR="#8b0000"][B]/*margin-right:195px; entfernen*/[/B][/COLOR]
margin-top:5px;
text-align:left;
[COLOR="DarkRed"][B]width:300px; /*zufügen*/[/B][/COLOR]
}

 

[Fili]

Ersatzlos streichen kann man die Begrenzung von <li> nicht.
Sonst wird der Float ja sichtbar umflossen.

Richtig.

Ich würde vielleicht eine Begrenzung mit width erzwingen:

Hat leider auch nichts geändert. :-?

 

[neuroleptika]

Ich habe es im ff2 Firebug ausprobiert.
Mit width für <li> hat es funktioniert.
Aber auch mit width oder margin für <ul>
Ich würde wohl die Begrenzung <ul> geben, da es ja das eigentliche Element ist um das es geht.
Mit einer Begrenzung für <li> würde <ul> nur durch den Float überdeckt werden.

Hier ein Screenshot mit margin-right für <ul> (ff2 Linux):

Das margin für <li> habe ich vorher entfernt.