[felixabraham]

hi,

ich habe hier eine navigation für eine seite erstellt. Mein Problem liegt darin, dass der Internet Explorer 7 unter der Navigation, sprich nach geschlossenem <div> tag, einen 'whitespace' einfügt, sodass der nachfolgende content um ca. 10 px nach unten verschoben wird.



Wenn ich jetzt mit 'margin-bottom:-10px' arbeite, ändert sich an der sache überhaupt nichts.
Ist diese erscheinung allgemein bekannt und gibt es eine Methode sie zu umgehen?

[Zim]

Es kann sein das irgend ein Element diesen Abstand browsermässig mitbringt weils nicht anders definiert wurde von dir … desshalb erstmal mit nem CSS-Reset versuchen z.b.

* {
margin:0px;
padding:0px;
border:none;
}

btw: is hier etwas ungünstig von »whitespace« zu sprechen da damit bei CSS etwas anderes gemeint ist

[pRiMUS]

leider bringt bei dem fehler auch das resetten von den ganzen html tags nichts, das macht der ie automatisch, wenn zwischen 2 bildern ein lumberder zeilenumbruch ist. das ist leider auch noch im ie7 vorhanden:

[felixabraham]

ok, habs jetzt auch grad selbst behoben :B
einfach das css um folgende definition erweitert:

[rob]

[heiko_rs]

Da display: block; für img sein Problem gelöst hat, muss die dadurch entfernte Unterlänge der Grafik (als Inline-Element) die Ursache gewesen sein. Aber da sein Link inzwischen nicht mehr geht, werden wir das Ganze wohl nie vollständig ergründen können

[felixabraham]

alles klar, vielen dank.

hier nochmal der link zum weiteren ergründen

[heiko_rs]

Danke, damit wird alles klar Die Hauptursache ist die Eigenheit des IE, die Höhe von leeren Elementen (bzw. hier: einem Element mit ausschließlich Inline-Inhalt mit geringer Höhe) auszudehnen, bis Text hineinpassen würde. Diese Art der Ausdehnung wird z.B. mit font-size: 0; für das betreffende Element verhindert. Aber da die Grafik-Unterlänge eh entfernt werden sollte, ist display: block; die beste Lösung.

Unabhängig davon: Du weißt, dass Menüs als Listen (ul) dargestellt werden und solche Deko-Grafiken nicht ins Markup gehören, sondern ins CSS?