Hallo,
ich komm gerade mit einer scheinbar gaaaanz einfachen Sache nicht klar: ich habe eine Überschrift, die unterstrichen werden soll. Und zwar so, dass der Strich bis ans Ende des Textbereichs geht, also über die Überschrift hinaus.
Das ist für GUTE Browser auch kein Problem, einfach ein div mit 3 px mehr Höhe als die Überschrift anlegen, dieses div um die Überschrift packen und mit einem Border am unteren Rand versehen.
Der IE macht gerade wieder Probleme. Er macht immer einen viel zu großen Abstand zwischen Schrift und Linie.
Bei einem Schriftgrad von 16 px habe ich, je nach line-height, einen variabel großen Abstand zwischen Schrift und Linie, mindestens aber 22 px.
Was kann ich tun?
Danke!
Sanny
Hier ein Teil des css-Codes, der evtl. mit reinspielen kann:
body {
background-color:#0c0c0c;
margin: 0;
padding: 0;
height: 100%; margin-bottom: 0.1em;
text-align:center;
}
p, td, span {
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color:#666666;
line-height:14px;
}
h1 {
font-family: Arial, Verdana, sans-serif;
font-size:16px;
color:#000000;
line-height:20px;
}
.h1-underline {
background-color:#999999;
width:100%;
height:1px;
}