margin-top nur bei IE6 nicht bei FF

[besi]

Hallo,

hab einen DIV cont. mit margin-top versehen, damit der Container von den Bildern einen Abstand bekommt. Beim IE6 geht es, nur der FF macht den Abstand nicht wie gewollt.

Zwei Bilder damit Ihr Euch das mal anschauen könnt!

1. Ansicht beim  IE6
http://www.test.fewobesler.de/ie-6.jpg

2. Ansicht beim FF
http://www.test.fewobesler.de/firefox.jpg

Falls noch der Quelltext benötigt wird, bitte
http://www.test.fewobesler.de/fewo.html

Danke für Eure Hilfe

[Frank]

Hallo,

hab einen DIV cont. mit margin-top versehen, damit der Container von den Bildern einen Abstand bekommt. Beim IE6 geht es, nur der FF macht den Abstand nicht wie gewollt.

mich irritiert schon alleine, dass du sämtliche Hauptcontainer mit float und display:inline gesetzt hast und auch sonst mit float nur so um dich wirfst. Dass du den Allerweltskardinalfehler machst und als Basisschriftgröße Kleingedrucktes nimmst, ist da nur noch das i-Tüpfelchen.
Ich habe jetzt keine Lust, den Beweis anzutreten, aber ich behaupte, dass du dich da völlig verrannt hast und es mit bestenfalls marginalen Abweichungen auch einfacher gehen müsste.

Nichtsdestotrotz, dein Problem konkret ist, dass die Elemente in ul#dreispalter float-Elemente sind. Da floats aus dem normalen Platzierungsvorgang mehr oder weniger rausfallen, wirken auch Außenabstände anderer Elemente nicht wie gewohnt auf sie, was dann dazu führt, dass dein div#footer sein margin-top nicht ausleben kann.

Gruß, Frank

[Gunnar Bittersmann]

@@Frank:

mich irritiert schon alleine, dass du sämtliche Hauptcontainer mit float und display:inline gesetzt hast

Was irritiert dich daran so? http://www.positioniseverything.net/explorer/doubled-margin.html

Live long and prosper,
Gunnar

[Frank]

mich irritiert schon alleine, dass du sämtliche Hauptcontainer mit float und display:inline gesetzt hast

Was irritiert dich daran so?

Ich behaupte einfach, dass vertikal angeordneter Inhalt, ein Element unter dem anderen, grundsätzlich auch ohne float erreichbar ist. Zumindest entspricht das der Richtung und Vorgehensweise, in der bislang Webseitenelemente standardmäßig angeordnet wurden, während float mir immer eher dafür gedacht schien, Elemente nebeneinander zu platzieren.

[besi]

mich irritiert schon alleine, dass du sämtliche Hauptcontainer mit float und display:inline gesetzt hast und auch sonst mit float nur so um dich wirfst. Dass du den Allerweltskardinalfehler machst und als Basisschriftgröße Kleingedrucktes nimmst, ist da nur noch das i-Tüpfelchen.
Ich habe jetzt keine Lust, den Beweis anzutreten, aber ich behaupte, dass du dich da völlig verrannt hast und es mit bestenfalls marginalen Abweichungen auch einfacher gehen müsste.

Nichtsdestotrotz, dein Problem konkret ist, dass die Elemente in ul#dreispalter float-Elemente sind. Da floats aus dem normalen Platzierungsvorgang mehr oder weniger rausfallen, wirken auch Außenabstände anderer Elemente nicht wie gewohnt auf sie, was dann dazu führt, dass dein div#footer sein margin-top nicht ausleben kann.

Gruß, Frank

Das liegt wohl daran, dass ich noch ziemlich am Anfang mit CSS und html stehe. Leider bin ich nicht mit einem super CSS und html Grundwissen auf die Welt gekommen. Ich schätze daher kommt auch der Allerweltskardinalfehler. Ob ich mich verrannt habe oder nicht, spielt keine Rolle. Es geht mir nur darum, ohne Generator wie GoLive ect... eine Webseite zu machen. Ich glaub die Fehler machen alle mal die so wie ich ohne Grundwissen auf die Welt gekommen sind.

[Frank]

Ich glaub die Fehler machen alle mal die so wie ich ohne Grundwissen auf die Welt gekommen sind.

Na, wenn du bei Kritik gleich beleidigt reagierst und dich beschwerst, kein Grundwissen mitbekommen zu haben, dann wirst du auch weiterhin Fehler machen.

[ChrisB]

Hi,

hab einen DIV cont. mit margin-top versehen, damit der Container von den Bildern einen Abstand bekommt. Beim IE6 geht es, nur der FF macht den Abstand nicht wie gewollt.

Und wenn du #inhalt ein margin-bottom spendierst?

MfG ChrisB

[besi]

Und wenn du #inhalt ein margin-bottom spendierst?

Danke Dir, das war die Lösung.