IE schneidet Buchstaben ab

[nchristoph]

Hallo zusammen.

Ich habe gerade das neue Template meiner Seite im IE getestet (IE7, IE8) und hab gesehen, das der IE bei H1,H2,H3,H4 usw alle Buchstaben, die tiefgestellt sind also q,p,g und y abschneidet.

Ich hab bei Google gesucht und so ziemlich jeden Fix versucht den ich gefunden hab, funktioniert hat aber nicht wirklich einer.


Hier die Textformatierung aus der ieonly.css

div#Text{
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3;
font-size: 8pt;
}

div#Text h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16pt;
text-align:center;
line-height: 18pt;
text-decoration:underline;
font-weight:bold;
color:#000000;
}

div#Text h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:#000000;
font-weight:normal;
line-height: 1.3;
}

div#Text h2 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-decoration:underline;
font-weight:bold;
color:#000000;
line-height: 1.3;
}

div#Text h2 a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-decoration:underline;
font-weight:bold;
color:#000000;
line-height: 1.3;
}

div#Text h2 a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-decoration:underline;
font-weight:bold;
color:#000000;
line-height: 1.3;
}

div#Text h2 a:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-decoration:underline;
font-weight:bold;
color:#000000;
line-height: 1.3;
}

div#Text h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:#000000;
text-decoration:underline;
line-height: 1.3;
}

Im Firefox, Opera und Safari funktioniert das Template ohne Probleme, Chrome hab ich noch nicht getestet.

Kann mir wer sagen, wo mein Fehler liegt?

 

[nchristoph]

Habs hingekriegt.

IE interpretiert line-height anscheinend anders als Firefox und die anderen Browser wodurch der Wert von line-height ein klein wenig Höher eingestellt werden muss.

Was ist eigentlich besser, um eine Seite in allen Browsern halbwegs gleich ausehen zu lassen?

em, px oder pt?