Umbruch in einem Block-Element vermeiden
Christof
- css
0 Struppi
Hallo,
ich habe folgende Struktur im HTML-Quelltext:
<ul>
<li>
<a>text</a>
</li>
<li>
<a>text</a>
</li>
<li>
<a>text</a>
</li>
<li>
<a>text</a>
</li>
<li>
<a>text</a>
</li>
</ul>
Die li-Elemente sind per float:left alle hintereinander angeordnet. Es soll nachher so aussehen, dass die Links hintereinander weggeschrieben werden, Zeile für Zeile. Das Problem ist aber, dass das letzte li in einer Zeile oft aus zwei Zeilen besteht, da der Inhalt des Links umgebrochen wird. Eigentlich sollte dieses li dann aber in die nächste Zeile rutschen. Dieses Problem tritt sowohl beim IE6 als auch beim IE7 auf. Gibt es eine Möglichkeit dies zu umgehen?
Schöne Grüße
Christof
Das Problem ist aber, dass das letzte li in einer Zeile oft aus zwei Zeilen besteht, da der Inhalt des Links umgebrochen wird. Eigentlich sollte dieses li dann aber in die nächste Zeile rutschen. Dieses Problem tritt sowohl beim IE6 als auch beim IE7 auf. Gibt es eine Möglichkeit dies zu umgehen?
http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space
Struppi.