problem tabelle unterschied ie - firefox

[kungschu]

Hallo Michael.

ich habe ein problem, das eine tabelle im firefox und im internet explorer unterschiedlich aussieht, wie bekomme ich das hin?

Dass Browser Inhalte unerschiedlich darstellen, ist in gewissem Rahmen ja normal. Mit welchen Versionen hast du denn getestet?

mein problem ist, das der untere teil der tabelle im internet explorer hinter dem footer-image verschwindet und nicht lesbar ist.

Grundsätzlich: Es ist hilfreich, nur relevanten Code zu posten und diesen farbig zu markieren, um die Lesbarkeit zu erleichtern. Klare Strukturierungen, präzise Fehlerbeschreibungen und eine saubere Formatierung führen häufig auch zu mehr Beiträgen.

Der IE interpretiert CSS oft falsch oder "eigenwillig". Ich sehe zwei container für einen Footer. Beide mit z-index:3;? D.h., der Footer müsste grundsätzlich immer im Vordergrund angezeigt werden. Deinen CSS Code solltest du aber verbessern. Für einen fixen (fixed,static) Kopf- und Fussbereich ist die Definition von z-index eigentlich garnicht nötig.

  

> * html #header,* html #footer  
>   {  
>    height:100%;  
>    position:static;  
>    z-index:1;  
>   }  
>   * html #content  
>   {  
>    position:absolute;  
>    top:0; bottom:0; left:0; right:0;  
>    height:100%;  
>    width:100%;  
>    overflow:hidden;  
>    margin:0;  
>   }  
> 

Hier scheinst du für den Footer (IE-spezifisch) z-index:1; festzulegen. Ist es möglich, das #content oder die Tabelle hier einen höheren Wert haben?
Dein CSS Code sieht nach einer sehr "konfusen" Verschachtelung aus (, die auch Grund für Fehler sein könnte). Du könntest versuchen, deinen Ansatz zu verbessern. Dann wäre auch die Fehlersuche einfacher. Grundsätzlich solltest du Tabellen nie zu Layoutzwecken verwenden. Menüs lassen sich Beispielsweise wunderbar mit Listen realisieren. (http://css.maxdesign.com.au/listamatic/)

Um Anpassungen für den IE zu machen, bieten sich Conditional Comments an.

Hier findest du ein Beispiel für ein Layout mit fixem Header und Footer.

Info:(X)HTML und CSS sollten immer validiert sein.
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/#validate-by-input

MfG, Kungschu.