Zitat:
|
Weso hat Firefox einen freien Bereich zwischen der gestrichelten Linie und IE nicht?
|
Weil Firefox (wie übrigens auch Opera, Safari, Konqueror, ...) die Definition der Collapsing Margins in CSS 2.1 korrekt umsetzt und der IE auch in Version 7 dort Fehler macht, sobald das Elternelement "Layout" hat, was hier der Fall ist. Siehe
http://onhavinglayout.fwpf-webdesign.de/#uncollapse
Eine sinnvolle Lösung besteht daher analog zu
http://complexspiral.com/publication...psing-margins/ in .Kat{padding-top:1px;}, was im Gegensatz zu einem p{margin:0; padding:0;} nicht den Absatzcharakter zerstört, dies ist ja vermutlich nicht beabsichtigt. Nebenbei führt das padding-top dann dazu, dass der IE den margin-Wert für das p-Element nicht verwirft. (Fall 5 unter
http://www.brunildo.org/test/IEMargi...pseLayout.html)
Zitat:
|
verstanden habe ich es allerdings bis heute nicht wirklich bis ins Detail
|
Lies dir den oben verlinkten Artikel von Eric Meyer durch, eine bessere Erklärung ist mir nicht bekannt. In der CSS-Spezifikation ist das tatsächlich nicht so leicht verständlich, vor allem wenn man nicht den Sinn dahinter sieht.
)
