5*20% sind schon zuviel

[Hagen]

Moin,
ich will keine Erklärung warum das so ist wie es ist, denn es geht nur um den IE.*G* Aber eine idee für abhilfe wäre schön. Folgende navi:
ul#navigation {
width:100%;
max-width:100%;
font-size:1.11em;
text-align:center;
margin:0;
padding:0;
}
ul#navigation li {
list-style:none;
display:block;
float:left;
width:20%;
background-color:#0099CC;
}
ul#navigation a {
display:block;
color:#FFF;
font-weight:700;
}
ul#navigation a:hover {
background-color:#CCC;
border-bottom:9px solid #F90;
}

wird im Feuerfüchschen korrekt dargestellt nur der IE, rutscht das fünfte li element in die nächste zeile. Jemand ne Idee??

MFG Hagen

[Harlequin]

Yerf!

Jemand ne Idee??

Ich würde mal bei den <li>s margin und padding auch auf 0 setzen, evtl. hat der IE davon abweichende Defaultwerte.

Gruß,

Harlequin

[Gernot Back]

Hallo Hagen,

also stell dir mal vor, der zur Verfügung stehende Platz, den das UL-Element mit 100% einnehmen soll, beträgt 104 Pixel. Dann bekommt jedes deiner fünf darin enthaltenen LI-Elemente 20% davon. Das sind 20,8 Pixel für jedes. Wenn ein Browser das kaufmännisch rundet, sind das 5 mal 21 Pixel also einer mehr, als an Platz zur Verfügung steht.

Gruß Gernot