Jens Holzkämper: Aufzählung neben Bild

Beitrag lesen

Nochmal mit den richtigen URLs, damits auch im archiv erhalten bleibt

Tach,

Die Ausrueckung gehoert doch zur Liste dazu, warum
wird die _hinein_gesetzt und prallt nicht sozusagen ebenfalls
am Bildrand ab - wie es der <p>-Absatz ja auch tut?

Solange list_style_position:outside gesetzt ist, gehören die Punkte zum <ul> nicht zum <li> Element; da <ul> block Level Element ist, nimmt es erstmal die gesamte Seitenbreite ein und beginnt somit links am Seitenrand. Die Position der Punkte wird dann als einige Pixel links vom <li> berechnet. Dass da ein anderes Element drüber oder drunter liegt, ist dem Browser egal. Die Einrückung der <li> Elemente, die man sonst sehen kann wird hier nicht sichtbar, da durch das float des Bildes die <li> Elemente ja sogar noch weiter eingerückt werden.
Mein Testfile ist übrigens: http://woodfighter.de/stuffnottodelete/listen.html
Hier nochmal als Bild (gelb=<p>, rot=<li>, blau=<ul>, grün=<img>)

outside:
<img src="http://woodfighter.de/stuffnottodelete/listen-outside.gif" border="0" alt="">

inside:
<img src="http://woodfighter.de/stuffnottodelete/listen-inside.gif" border="0" alt="">

Mein Konqueror (Version 3.2.0) verhält sich übrigens genauso wie die Geckos.

Vielleicht hast du Mozilla-Rendering eingeschaltet? Meiner 3.1.4
erzeugt eine Liste wie im Bild dargestellt.

Nein, ich gehe eher davon aus, dass man sich dem Rest der Browser angepaßt hat.

mfg
Woodfighter