IE6 macht Probleme beim Abstand trotz margin, padding=0

[Detlef G.]

Hallo blickwinkel

... Das Problem ist der Abstand zw dem Logo (div=banner) und des Hauptmenüs (div=navlist). padding und margin sind 0 ...

Wirklich - und in jedem Browser?
Verschiedene Browser verwenden auch verschiedene Defaultwerte für margin und padding. Angaben zu Abständen, die für dich bzw. dein Layout wichtig sind, musst du immer selbst setzen (auch 0, wenn du keinen Abstand wünschst).

#banner h1 {padding-top:58px;font-size:90%; font-weight:bold; letter-spacing: 2px;}  

Hier finde ich keine Angaben zu margin.

... und die Logo-Grafik hat auch keinen Abstand. Woraus resultiert dann der Abstand beim IE6.

Bei Grafiken können immer Abstände durch Whitespaces (Leerzeichen, Tabulatoren, Zeilenumbrüche) auftreten oder durch den Platz, der für Unterlängen freigehalten wird (für z.B. g, j, p, q, y). Der IE6 lässt diesen auch, wenn überhaupt kein Zeichen mit der Grafik in einer Zeile steht.
Dagegen hilft dann, z.B. alle Whitespaces vermeiden, der Grafik display:block geben, die Zeilenhöhe des Elements verringern, welches die Grafik enthält oder ein overflow:hidden für dieses Element, je nach Seitenaufbau.
Da die Grafik bei dir gefloatet ist, dürfte das dein Problem nicht verursachen.

Auf Wiederlesen
Detlef