IE und Tabellendarstellung

[Frithjof]

Hallo alle!

Ich hab ein Problem mit dem Internet Explorer (welch Wunder)!

Und zwar hab ich eine Seite (Bsp. unter: http://frido.org/tmp/ ), bei der sich die Navigation oben in einer auf 800 Pixel festgelegten Tabelle befindet, in dieser Tabelle befindet sich wiederum eine Tabelle, die die einzelnen Navigationspunkte enthält.

Problem ist: Der Internet Explorer zerhaut mir diesen oberen Bereich immer wieder (und zwar nicht nachvollziehbar)!
Hin und wieder zeigt er den oberen Bereich mit der richtigen Breite an und manchmal aber nur, wenn man vorher auf's Logo klickt, dann macht er den oberen Bereich nach 'nem Reload mal breiter, mal schmäler, dann wieder richtig breit, dann wieder viieel zu breit....

Jeder andere Browser zeigt es korrekt an, nur der Internet Explorer (v. 6 auf Windows/ v.5 auf Mac) kriegt es nicht gebacken!! ARGLLL!

Sieht jemand da evtl. 'nen Design-/Codefehler oder gibt's 'nen Workaround oder muss ich 'nen anderen Doctype verwenden, oder oder...?

Wäre für Hilfe äußerst dankbar!

Grüße, Frido

P.S.: Sorry, für den evtl. etwas unlesbaren Quelltext, aber die Navigation wird von 'nem PHP-Script erzeugt...

[Claus Henning]

Moin Frido,

ich sehe dein Problem (im IE6) nicht.

[Frithjof]

Hi Claus!

ich sehe dein Problem (im IE6) nicht.

Danke für die Antwort erstmal. Das ist ja das Problem, das dieser Fehler nicht immer nachvollziehbar ist, tw. eben erst nach x-maligen Aktualisieren. Hab das Problem auf drei Windows-Kisten mit IE6 nachvollziehen können...

Ich hab hier mal drei Screenshots hingelegt, die das Problem verdeutlichen (man achte auf die Ausdehnung der Navigation oben nach rechts):
http://frido.org/tmp/richtig.jpg
http://frido.org/tmp/falsch.jpg
http://frido.org/tmp/falsch2.jpg

Hat sonst niemand so ein ähnliches Problem/Lösung!? ;)

Gruß,
Frithjof

[Detlef G.]

Hallo Frithjof

Und zwar hab ich eine Seite (Bsp. unter: http://frido.org/tmp/ ), bei der sich die Navigation oben in einer auf 800 Pixel festgelegten Tabelle befindet, in dieser Tabelle befindet sich wiederum eine Tabelle,

Nur eine?

die die einzelnen Navigationspunkte enthält.

Und eine Unmenge an Blindgifs und Blackgifs!

Problem ist: Der Internet Explorer zerhaut mir diesen oberen Bereich immer wieder (und zwar nicht nachvollziehbar)!

Ich denke eher, dass es fast an ein Wunder grenzt, dass die anderen Browser
diese Tabellenzellenorgie immer (und der IE manchmal) so anzeigen, wie du es
wünschst.

Hin und wieder zeigt er den oberen Bereich mit der richtigen Breite an und manchmal aber nur, wenn man vorher auf's Logo klickt, dann macht er den oberen Bereich nach 'nem Reload mal breiter, mal schmäler, dann wieder richtig breit, dann wieder viieel zu breit....

Du verwendest eine Tabelle mit insgesamt 51 Tabellenzellen in drei Zeilen
für eine Navigation mit ganzen fünf Links und einem Strich darunter.

Nun versucht der IE die Tabellenzellen an die angegebenen Breiten und an die
Breite des jeweiligen Inhalts anzupassen, was nicht wirklich möglich ist.

Erste Tabellenzeile (gekürzt):

  
...  
<td><img src="blind.gif" width="5" height="10" alt="" align="top" /></td>  
<td width="7"><img src="blind.gif" width="7" height="1" alt="" /></td>  
<td width="20">  
 &nbsp;&nbsp;<a href="...">Das&nbsp;Unternehmen</a>&nbsp;&nbsp;  
</td>  
...  

Wie breit soll diese Spalte sein, 20px wie angegeben, oder 110px, die der
Inhalt mindestens benötigt?

Richtig durcheinander kommt der IE dann aber erst bei den beiden folgenden
Tabellenzeilen:

...  
<td><img src="blind.gif" width="100%" height="3" alt="-" /></td>  
<td><img src="blind.gif" width="100%" height="3" alt="-" /></td>  
...  

17 Tabellenzellen nebeneinander, von denen der größte Teil genau die gleiche
Grafik enthält, zum größten Teil mit 100% Breite. Also versucht er auch den
Zellen eine identische Breite zu geben. Das passt dann allerdings nicht zur
Zeile darüber. Er versucht dann wohl einen Kompromiss zu finden.
Das Ergebniss ist jedenfalls vom Zufall oder davon abhängig, zu welchem
Zeitpunkt ihm welche der Seitenresourcen bekannt sind.

Sieht jemand da evtl. 'nen Design-/Codefehler oder gibt's 'nen Workaround oder muss ich 'nen anderen Doctype verwenden, oder oder...?

Vermeide unnsinnige und unnötige Tabellenzellenorgien!
Beschäftige dich mit CSS!

Wäre für Hilfe äußerst dankbar!

Schnellhilfe:

• verwende in der zweiten und dritten Tabellenzelle colspan, statt der
    vielen einzelnen Zellen

Weiteres:

• verwende nicht mehr Zellen, als wirklich notwendig sind
• für Abstände verwende nicht leere Zellen oder Blindgifs sondern
    cellpadding bzw. margin und/oder padding
• für Rahmenlinien (auch einzelne) verwende nicht Tabellenzeilen mit
    Blackgifs sondern border

Grundsätzlich:
Beschäftige dich mit CSS!
Tabellenorgien sind heute nicht mehr nötig, und bei diesem Layout überhaupt
nicht!

P.S.: Sorry, für den evtl. etwas unlesbaren Quelltext, aber die Navigation wird von 'nem PHP-Script erzeugt...

Auch ein PHP-Script kann lesbaren Quelltext erzeugen.

Auf Wiederlesen
Detlef