Inkompatibilität - Header verschwindet in IE

[Adrian]

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.

[rfb]

Moin

table#zebra a:link, a:visited, a:active, a:focus

soll wohl bedeuten dass dies für die Links zur in zebra gilt.
Dann must du das #zebra hinter jedem Komma wiederholen. Sonst gilt die Regel für a:link in Zebra und für a:visited usw. generell.

Gruß
rfb

[Adrian]

Moin

table#zebra a:link, a:visited, a:active, a:focus

soll wohl bedeuten dass dies für die Links zur in zebra gilt.
Dann must du das #zebra hinter jedem Komma wiederholen. Sonst gilt die Regel für a:link in Zebra und für a:visited usw. generell.

Gruß
rfb

Danke für die Antwort, hätte ich schon so gedacht.
Allerdings is dies nicht der Grund warum ich hier schreibe. Die Frage ist konkret warum ich auf folgender Webseite:
http://www.fc-grathorn.ch/phpwcms/index.php?berichte

• der Header im IE 6 verschwindet (im Firefox 2.0 wird er korrekt gezeigt)
• die Zeilenhöhe im IE viel kleiner ist als im Firefox angezeigt wird in der Tabelle

Bin für jede Antwort froh...

[rfb]

Moin

teste mal dein CSS: W3C-CSS_Validator
Mit so vielen Fehlern wäre es ein Wunder wenn das in verschiedenen Browsern gleich interpretiert würde.

Gruß
rfb