HTML + CSS: IE verringert margin
snafu
- css
0 Snafu
hallo,
ich habe mich mal an ein layout, das nur mit css "designt" wird gewagt (html 4 strict, css 2).
damits nicht zu anstrengend wird, habe ich mich dazu entschlossen, den boxmodell-fehler vom ie5 nicht auszubessern, also nur für den ie6 sachen per hack auszubessern. getestet wurde die seite mit opera 8, firefox 1.5 und ie6 (leider keine möglichkeit mit safari zu testen).
eigentlich funktionniert alles schön und gut. allerdings gibt es nun einen sehr merkwürdigen fehler, der allerdings nur beim ie6 auftritt.
nach dem ersten blockquote element verringert der ie6 automatisch den padding wert für die danach folgenden elemente.
dies bewirkt, dass der folgende inhalt zu weit links dargestellt wird, was sehr merkwürdig aussieht.
ich kann mir das nicht erklären (html und css valid) und finde auch bei google nichts was mich weiterbring.
html-datei: http://c-gabriel.at/v1/bug/index.html
css-datei: http://c-gabriel.at/v1/bug/css/default.css
hoffe ihr könnt mir helfen
ps: ist mein erstes reines css-projekt also wundert euch nicht, wenn der code etwas wirr ist :)
Ich habe jetzt doch etwas im Internet gefunden.
genaueres zum sogenannten Magic Creeping Text bug findet ihr hier http://www.webmasterworld.com/forum83/4970.htm und hier http://www.positioniseverything.net/explorer/creep.html
Dieser bug tritt auf (NUR IE), wenn border-left und padding-bottom gesetzt sind.
Lösungen:
1.) CSS valid
(Evtl. per Hack) padding-bottom für den IE auf 0 setzen.
2.) CSS invalid
Die eigenschaft zoom:1.0; festlegen (bei mir beim blockquote element). Da es diese Eigenschaft jedoch nicht gibt, ist diese Lösung NICHT CSS valid.
--
Snafu