nicht angemeldet
Hallo.
Ich habe meinen HTML-Seiten nun den Doc-Type "Strict" verpasst, wie in der Selfhtml-Doku angegeben.
Alle Seiten sehen nun genauso aus wie davor. Mit Ausnahme von einer.
Es gibt dort einen h2-Block, und darunter einen div-Block. Die beiden sind nahezu identisch:
h2.ueberschrift
{
text-align:center;
width:100%;
padding:.5% 0 .5% 0;
margin-bottom:0;
background-color:#EE2C2C;
color:#fff;
border:1px solid #000;
border-bottom:0;
}
div.schattiert
{
width:100%;
padding:.1px 0 .5% 0;
margin-top:0;
background-color:#eee;
border:1px solid #000;
border-top:0;
}
Das Problem tritt nur im IE7 auf. Dieser stellt das div enger dar als das h2, obwohl die width-Angaben dieselben sind.
Das padding-top steht beim div auf .1px weil unterhalb des divs noch ein kleines "Miniformular" existiert, das ich in der rechten oberen Ecke des divs platziert hab. Dort wäre es nicht mehr, wenn die Angabe auf 0 gesetzt wäre - dann hinge das Miniformular tiefer und wäre nicht mehr exakt rechts oben.
Das h2 und das div sind die zwei einzigen Mutterelemente auf der Seite (abgesehen von body und html). Alle restlichen Elemente der Seite liegen unterhalb von dem div.
Nun verstehe ich nicht, warum die Umstellung auf Strict Einfluss auf die CSS-Interpretation genommen hat. Und nun weiß ich auch nicht, wie ich das beheben kann, ohne dass andere Browser "Notiz" davon nehmen.
Vielleicht könnt ihr mir das ja sagen, wäre sehr nett von euch.
MfG
Emming