|
|||
Unterschiedliche Interpretation von "margin-top" bei IE und Firefox
Hallo,
Folgendes Problem: Ich habe ein "zusammengeschnipseltes" abgerundetes Rechteck, auf dem ich jetzt meine Elemente positionieren möchte. Der Abstand, der durch die Grafik "top.png" gegeben ist, ist absichtlich, da soll später noch etwas hinkommen. Hier mein Problem - klick. Ich möchte die grüne Box gerne in der oberen Hälfte des grauen Containers platzieren - das sieht im Internet Explorer gut aus, im Firefox schiebt er jedoch den grauen Container nach unten, nicht die grüne Box. Laut Suchfunktion könnte so ein Verhalten von floatenden Divs kommen, allerdings hab ich keine floatenden Divs. :/ Danke schonmal, Seso Geändert von Sesotoris (18.03.2008 um 23:49 Uhr) |
Sponsored Links |
|
|||
Collapsing margins. Firefox stellt es richtig dar. Der margin-top der grünen Box vereint sich mit dem Margin der umschließenden Box (gib ihr einen roten Hintergrund), der resultierende Margin stellt sich über beiden dar.
|
Sponsored Links |
|
|||
Huhu,
Danke schonmal für deine Antwort. So ganz klar ist mir das aber leider noch nicht. :/ CSS sieht die grüne Box im Prinzip als den top-Layer und nicht als eigenständiges Element? Gibt es Alternative Möglichkeiten, das Ganze zu positionieren oder muss ich die ganze Umsetzung nochmal komplett umschreiben? Gruß, Seso |
|
|||
gib #top bitte anstatt der grauen Hintergrundgrafik einen schlichte rote background-color.
Nun fängt die rote box exakt auf der gleichen Höhe wie die grüne Box an. Der Margin-top dieser grünen Box ist (durch das vorhergehende, leere Element hindurch) mit dem margin-top der roten Box zusammengefallen. Der resultierende Margin steht über beiden Boxen. Angrenzende vertikale Margins verbinden sich zu einem gemeinsamen, und es ist egal, ob es Elter/Kind-Elemente sind oder Geschwister. Es sei denn, sie würden durch padding oder border daran gehindert. Würde die elterliche rote Box einen Block Formatting Context bilden, also etwa durch display:table|inline-block oder float oder overflow oder position:absolute, dann würden die Margins auch nicht zusammenfallen. Geändert von IChao (19.03.2008 um 00:37 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Unterschiedliche Interpretation von IE und Firefox | Philopin | (X)HTML | 1 | 03.04.2007 13:26 |
XHTML 1.0 strict: interpretation von alt und title (IMG) vom IE7, Opera und Firefox | braindead | (X)HTML | 5 | 11.03.2007 17:57 |
Position: Unterschiedliche Interpretation von IE und Firefox | Michi | CSS | 3 | 28.01.2006 15:57 |
unterschiedliche <p> interpretation von IE und firefox | simon2001 | CSS | 4 | 27.01.2006 17:31 |
CSS Interpretation Firefox und IE - Grundgerüsst verzerrt | EvilGeorge | CSS | 2 | 26.10.2005 14:22 |