zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Unterschiedliche Interpretation von "margin-top" bei IE und Firefox

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.03.2008, 23:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2007
Beiträge: 10
Sesotoris befindet sich auf einem aufstrebenden Ast
Standard 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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.03.2008, 23:56
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

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.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.03.2008, 00:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2007
Beiträge: 10
Sesotoris befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 19.03.2008, 00:34
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

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.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Geändert von IChao (19.03.2008 um 00:37 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 19.03.2008, 01:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2007
Beiträge: 10
Sesotoris befindet sich auf einem aufstrebenden Ast
Standard

Hab's verstanden und soweit - glaub ich jedenfalls - hingekriegt.
Vielen Dank für deine Hilfe!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:58 Uhr.