Ich hab ein echtes Problem. Kann mir jemand sagen woran dies liegt, wenn auf folgender Seite im IE der Header verschwindet (dies gilt für alle Seiten):
http://www.fc-grathorn.ch/phpwcms/index.php?berichte
Mit Firefox erscheint der Header wie verlangt.
Die dazugörigen CSS Styles:
#container-MASTER {
text-align: center;
background-color: #F9F9F9; // #xxxxxx; = basic // #F9F9F9; = free // #xxxxxx; = pro ;
margin: 0px auto;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}
#container-BLATT {
width: 1000px;
background-color: #F9F9F9;
margin: 0px auto;
}
#container-OBEN {
background-color: #F9F9F9;
border-bottom: 1px solid #999999;
}
.header-BILD {
padding:0px 0px 0px 0px;
}
==================================
Ein weiterer Punkt, welcher mich stört, ist die unterschiedliche Zeilenhöhe in der Tabelle auf obiger Page. Die Tabelle basiert auf folgendem CSS (zebra):
body{
font-family: "lucida grande", verdana, lucida, sans-serif;
font-size: 6pt;
}
table#zebra a:link, a:visited, a:active, a:focus {
text-decoration:none;
color: #000000;
}
table#zebra a:hover { color:#FF0000; text-decoration:none }
table#zebra{
border: 1px solid #666;
}
table#zebra tr td{
font-family: "lucida grande", verdana, sans-serif;
font-size: 8pt;
padding: 5px 2px 5px 2px;
background: #fff;
}
table#zebra thead td{
color: #666666;
background-color: #FFE377;
font-weight: bold;
border-bottom: 1px solid #999;
}
table#zebra tbody td{
border-left: 1px solid #D9D9D9;
line-height:1 px;
}
table#zebra tbody tr.even td{
background: #eee;
}
table#zebra tbody tr.selected td{
background: #709FCF;
color: #ffffff;
font-weight: bold;
}
table#zebra tbody tr.ruled td{
color: #000;
background-color: #D5E2F0;
font-weight: bold;
}
Mit "padding: 5px 2px 5px 2px" gebe ich an, dass der Innenabstand oben und unten 5 px betragen soll. Schaut man sich dies im IE an, sind dies aber nie 5px - im Firefox schon.
Wie kann ich die Zeilenhöhe für IE und Firefox vereinheitlichen.