Hur fördelar man en horisontell list-menu jämnt?

Du kan ange bredden för dina <li> i procent. Dock behöver du gå in och ändra i CSS:n så fort det tillkommer eller tas bort menyval.

IE har lite problem med avrundningen så du kan nog behöva trixa lite med decimaler o grejer för att det ska rulla där också.

ul {
	width:850px;
	display:table;
	}

ul li {
	display:table-cell;
	}

:f

Relaterat:

If you've ever wondered why your nicely-aligned navigation doesn't fill up the full contents of a container in these browsers, now you know why.

The especially strange part, in all of this, is that there's really no right, or wrong, here. How this behavior is supposed to play out by the rendering engine isn't dictated by the CSS specification, having it be left up to the implementation to render as it sees fit.

Källa: http://ejohn.org/blog/sub-pixel-problems-in-css/

Jag vet inte riktigt om jag borde fortsätta i den här tråden, men den var klart närmast det jag sökte så jag provar.

Jag vill göra en horisontell lista, med 4 listalternativ (enbart text) som jag vill sätta på jämna mellanrum på 700px.

Går det inte att göra varje <li> till display:block på något sätt och få dessa att ha 175px var? Allt blir bara pannkaka när jag gör det, vore bussigt om någon kunde flika in. Har för mig att detta har funkat förut, men jag har lagt css-skillsen på hyllan för något år sedan tyvärr och försöker komma igång igen :)

Gör <a> till display:block och 175px bredd - inte <li>.
Om du sen lägger till borders på sidorna, så glöm inte att reducera bredden motsvarande.
Varning för att IE6 kan behöva nån conditional comment om du försöker göra menyn pixel-perfekt.

Ah! Givetvis, det var där skon klämde. Strålande med snabb hjälp! Tack så mycket!