horizontale Liste (Menü) als Blocksatz

[Gunnar Bittersmann]

@@Gunnar Bittersmann:

nuqneH

li { display: inline-block } does the trick. Dann kannst du auch auf NBSP verzichten und normale Leerzeichen verwenden. Sieht in aktuellen Chrome, Firefox, Opera und Safari gut aus; IE hab ich gerade nicht zur Hand.

Im 8er und 9er sieht’s gut aus. Der 7er ist widerspenstig, da ist mir nichts besseres eingefallen als doch seine Art des Umgangs mit NBSP und Blocksatz auszunutzen (d.h. doch NBSP zu verwenden):

ul  
{  
	list-style: none;  
	margin-left: 0;  
	padding: 0;  
	text-align: justify;  
	text-align-last: justify;  
}  
  
ul::after  
{  
	content: "\A0";  
	display: inline-block;  
	height: 0;  
	width: 100%;  
}  
  
li, li:lang(zxx)  
{  
	display: inline-block;  
	padding: 0;  
}  
  
*+html li  
{  
	display: inline;  
}

Der Selektor 'li, li:lang(zxx)' macht diese Regel für IE 7 unsichtbar (weil er :lang() nicht kennt). Ansonsten schlugen alle meine Versuche fehl, ihn davon zu überzeugen, einmal gesetztes 'display: inline-block' mit 'display: inline' zu überschreiben. Gibt’s da ’nen Trick?

Qapla'