nicht angemeldet
Sorry dass ich das Forum hier so vollspamme, aber ich hab ne Vermutumng warum die Seiten nicht angezeigt werden. Letzter Post, versprochen!
Also, Ich habe da einen Header der aus einem DIV mit einer Tabelle drin besteht. Die Tabelle hat nur eine Zeile und eine Spalte und ist nur da um mir die Möglichkeit des vertical-align zu geben.
<div id="header">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><h1>Tapetenblog</h1>Straight from the sixties</td></tr></table>
</div>
Das Header DIV soll 807 Pixel breit und 174 hoch sein. Das Tabellenfeld genauso. Zusätzlich hat das Tabellenfeld noch ein padding von 23 (Uh ja!) Pixeln:
#header {
background: url('images/header.gif') no-repeat;
width: 807px;
height: 174px;
}
#header table tr td {
width: 807px;
height: 174px;
padding: 23px;
text-align: right;
vertical-align: bottom;
}
Jetzt habe ich das komische Problem dass er es im FF perfekt anzeigt, im IE aber noch das Padding mit auf die Height schlägt. Ich dachte, wenn, sollte es umgekehrt laufen. Es wundert mich auch dass er an der width nichts ändert (sieht in beiden Browsern gleich aus).
Nun gut, ich hab mal den Tantek-Hack versucht:
#header {
background: url('images/header.gif') no-repeat;
width: 807px;
height: 174px;
}
#header table tr td {
width: 807px;
height: 128px;
padding: 23px;
text-align: right;
vertical-align: bottom;
voice-family: "\"}\"";
voice-family:inherit;
height: 174px;
}
body>#header table tr td {
height: 174px;
}
...dann sieht es im FF wider normal (richtig) aus (Table und DIV sind Bündig) und im IE wieder verkackt (genau 46 (=2x23px padding) zu hoch).
Hm...
Luke