Horizontális fix szélességű menü css-ben hogyan valósítható meg?

li{

width: 100px;

}

A display: inline; beállítás miatt. Azt töröld ki és inkább csináld így:

li{

float: left;

width: 100px;

}

Csak a menü után majd rakj be egy ilyet, hogy ne okozzon később gondot:

<div style="clear: both;"></div>

Mivel rengeteg lehetőséged van, kérdés, hogy mit akarsz elérni. Próbálj meg játszadozni a padding és a margin értékeivel.

Ehhez egy tipp: adj minden elemednek átmenetlieg, a-nak, li-nek ul-nek, div-eknek stb., különböző színű bordert, hogy lásd hol vannak a határok. És akkor könnyen tudod követni a margin és a padding változását, miközben kísérletezel.

Pl.:

border: dotted 1px red;