li Abstände IE & float im Firefox

[Cheatah]

Hi,

Der Header wurde von Typo3 generiert, deswegen wurde ein anderer Code angegeben. Nachdem ich das jetzt deaktiviert und einige Änderungen durchgeführt hab, wird html sowie css erfolgreich validiert.

jein ...

Bei html erhalte ich zwar noch 6 Warnungen, weil das <img> mit einem /> geschlossen wird, jedoch wird dies von Typo3 dynamisch aufgebaut.

... das ist zwar auch in HTML (wegen ziemlich ... absurder SGML-Optionen) syntaktisch korrekt, entspricht aber ganz sicher nicht dem, was Du haben möchtest. Entscheide Dich bitte entweder für HTML oder für XHTML, und bereite den Code so auf, dass er ohne jeden Rest eines Zweifels valide ist.

Frage dazu: Trotz erfolgreichem validieren ... reichen diese Warnungen schon aus, dass der IE in den Quirks-Modus springt?

Nein. Testen kannst Du dies, indem Du die URL

javascript:alert(document.compatMode);

auf der Seite in den Browser eingibst. Die Ausgabe ist entweder "BackCompat" für den Quirks-Mode, oder "CSS1Compat" für den Standards-Compliance-Mode.

Werd mir gleich die hasLayout-Eigenschaft anschauen.

Unabhängig davon: Die oberste Lücke liegt daran, dass das <img>-Element im Header inline ist und somit - wie auch Text - über eine Unterlänge verfügt. Die weiteren Lücken lassen sich auf umgekehrtem Weg entfernen, indem die <li>-Elemente in inline-Elemente umgewandelt werden.

Cheatah