IE6 und der untere Margin

03. Januar 2007 Bisher 5 Kommentare

Ich setze gern Innen- und Außenabstand (padding und margin) in meinen CSS-Dateien aller Elemente grundsätzlich auf Null, damit ich eine gesunde Basis für mein Design habe. Was mich aber schon lange nervt, ist der IE6 und seine Sturheit, den unteren Abstand eines fieldsets nicht anzuzeigen. Damit ist nun Schluss.

Eigentlich handelt es sich bei einem fieldset um ein Block-Element, also ein Element, welches 100% der vorhandenen Breite des Elternelementes einnimmt. Der Internet Explorer 6 scheint das anders zu sehen. Zwar zeigt er folgende Elemente darunter an, doch ermöglicht erst folgende CSS-Eigenschaft die Aktivierung eines margin-bottoms, bzw. unteren Abstands unter dem fieldset:

fieldset { display: block; }

Tja, und weil die meisten Webdesigner gern alles hochjubeln und vergöttlichen, oder allen Eingebungen Namen geben, die niemand benötigt, nenne ich diesen IE-6-Fix von nun an “IE6-FloatingBlock-Fix”. Klingt blöd, ist blöd, aber funktioniert. Viel Spaß beim Testen!

Dieser Artikel wurde am Mittwoch, 03. Januar 2007 um 14:17 Uhr von macx geschrieben und unter Intern, Webdesign abgelegt. Du kannst die Antworten zu diesem Beitrag via RSS 2.0-Feed beobachten.

Hinterlasse hier eine Nachricht, oder sende einen Trackback von deiner Webseite aus.
Trackback-URL: http://macx.de/journal/ie6-und-der-untere-margin/trackback/

Kommentare

Einen eigenen Kommentar schreiben

  1. 1 Florian schrieb am 07. Januar 2007 (01:01 Uhr)

    Interessanter Workaround. Die Deklaration “display: block” funktioniert zum Beispiel auch bei Bildern, wenn diese einen (für mich zumindest) unerklärlichen unteren 3px-Abstand erzeugen.

    Zeigt dein “FloatingBlock-Fix” auch bei anderen IE-Versionen Auswirkungen?

    In diesem Sinneß

  2. 2 macx schrieb am 07. Januar 2007 (10:01 Uhr)

    Ich habe den Fix nur auf das Fieldset angewendet bisher.

  3. 3 René schrieb am 09. Januar 2007 (01:01 Uhr)

    Unter http://tredosoft.com/Multiple_IE findet man einen Installer, der ß? sofern der Sprung auf IE7 als aktuelle Version bereits gewagt ß? eine komplette IE-Farm anlegt. IE6, bis runter zur gruseligen Steinzeit lassen sich hier alle Redmonder Krankheiten parallel installieren und zum Test missbrauchen.

  4. 4 Patrick Z schrieb am 05. Juli 2007 (16:07 Uhr)

    Also ich züchte auch IEs. Hier aber mal ein Kommentar zum Fix: Cool.

    Ich diese 2,5px IE-gedrücke musste ich bisher auch immer mit anderen tollen hacks bekämpfen. So ist’s jedenfalls einfacher. Danke also.

    Der Witz ist, dass ich das beim Fieldset schon genutz habe, das mit dem Bildern aber nie probiert hatte.

    Gruß
    PZ

  5. 5 Ralf L schrieb am 23. August 2007 (12:08 Uhr)

    Klasse Tip !!!
    Dieses Problem ist jetzt auch gelöst.

Antwort schreiben

Kommentare neuer Teilnehmer werden auf Grund von hohem SPAM-Aufkommen zunächst von mir freigeschaltet, bis sie online erscheinen. Textile kann benutzt werden.

(wird nicht veröffentlicht)