IE6 macht Probleme beim Abstand trotz margin, padding=0
blickwinkel
- browser
0 blickwinkel0 Detlef G.
Hallo allerseits!
Weil ich so fasziniert von euren Verbesserungsvorschlägen für meine Webseite bin (https://forum.selfhtml.org/?t=140760&m=914524, hätte ich eine noch eine Frage, wo ich nicht weiter komme.
Mit dem IE7, FF wird mir das Logo richtig angezeigt. Mit dem verdammten IE6 aber nicht. Das Problem ist der Abstand zw dem Logo (div=banner) und des Hauptmenüs (div=navlist). padding und margin sind 0 und die Logo-Grafik hat auch keinen Abstand. Woraus resultiert dann der Abstand beim IE6.
Ich habe wirklich alles abgesucht, bin aber nicht fündig geworden. Wahrscheinlich ist es was total simples. Hätte jemand eine Ahnung?
Danke
lg, blickwinkel
hat keiner eine Vermutung, oder einen Tipp :(
lg, blickwinkel
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