Tabellen-Problem - Opera ok, aber Firefox und IE nicht

[Helmut]

Hallo,

ich habe ein wirklich ärgerliches Problem mit meinen Tabellen:

Wie hier zu sehen:
[url]http://wow.vdl-clan.de/test_news.php[/url]

wird das linke und rechte menü nach unten verzerrt wenn etwas in der Mitte steht.
Ich habe bereits alles versucht, aligntop usw. Aber er verzerrt mir immer die Tabelle des Menüs - ich will aber das die Tabelle unter dem Menü verzerrt wird. Ich habe für die tabelle unter dem Menü keine Höhenangabe gemacht, für die des menüs aber schon. Trotzdem verzerrt er das Menü...

In Opera wird alles korrekt dargestellt, der Fehler tritt nur in Firefox und IE auf. In Dreamweaver sieht man das Problem auch, aber sobalt man ausserhalb der Tabelle klickt "renkt" sie sich sofort ein...

Ich weiss mir echt keinen rat mehr, sitze seit gestern 16:00 an dem Problem und komme keinen Millimeter weiter :(

[MudGuard]

Hi,

ich habe ein wirklich ärgerliches Problem mit meinen Tabellen:

Naja, erstmal hast Du ein Problem mit HTML.

Bring das doch erstmal in Ordnung (nicht nur die fehlenden alt-Attribute, sondern vor allem: Doctype und die Schachtelung der Elemente: table ist in a nicht erlaubt usw.).
Der http://validator.w3.org wird Dir dabei helfen.

Solange der Code nicht korrekt geschachtelt ist, hat es wenig Sinn, über Darstellungsfehler auch nur nachzudenken.

cu,
Andreas

[Helmut]

Ich habe es nun überarbeitet so das es W3 konform ist:

http://wow.vdl-clan.de/index_test.html

aber das problem ist immer noch dasselbe :(

[Siechfred]

Tag Helmut.

Ich habe es nun überarbeitet so das es W3 konform ist:
http://wow.vdl-clan.de/index_test.html

Hübsche Seite. Aber so ganz ohne Inhalt "in der Mitte" kann ich hier in keinem Browser dein Problem nachvollziehen.

Siechfred

[Helmut]

Hm, seht ihr das nicht?
Dann hier ein Bild:
http://wow.vdl-clan.de/show.jpg

so schauts normal aus (und so solls aussehen auch wenn in der mitte inhalt ist):
http://wow.vdl-clan.de/show2.jpg

*ratlos

[Der Martin]

Hallo Helmut,

ich weiß leider immer noch nicht, wo dein Problem liegt.

Dann hier ein Bild:
http://wow.vdl-clan.de/show2.jpg

Genau so (show2.jpg) sieht's beim mir im IE und im Firefox aus - mal abgesehen davon, dass in der Mitte inzwischen ein Feld mit dem Text "Work in progress" sitzt.
Aber das Menü an der linken Seite bleibt zusammenhängend. Nur ganz unten, zwischen dem Menüfeld und dem Schnörkel am unteren Seitenrand, ist eine Lücke. So soll es doch sein, wenn ich dich richtig verstanden habe?

Bye,

Martin

[Helmut]

Irgendwas stimmt da nicht.

Also jetzt mal zum Vergleich:

Diese Seite (http://wow.vdl-clan.de/index_test.html) sieht bei mir in IE (6.0) und Firefox (1.0) so aus:
http://wow.vdl-clan.de/show3.jpg

und in opera siehts so aus:
http://wow.vdl-clan.de/show2.jpg

Klar zu sehen beim ersten wie das Menü Links und Rechts verzerrt wird. In der Mitte sind lediglich <br> tags drin. Aber das macht kein Unterschied - ob Text, Tabelle oder <br>, wenn ich etwas längeres in die Tabelle in der Mitte zwischen den beiden Menüs mache dann fliegen die mir auseinander.

[Der Martin]

Hallo Helmut,

tut mir leid, ich nehme alles zurück und behaupte das Gegenteil! Ich habe mich die ganze Zeit an der falschen Seite orientiert. Deine Angabe "index_test.html" habe ich völlig übersehen, daher habe ich die ganze Zeit nur http://wow.vdl-clan.de/ angesehen.

Irgendwas stimmt da nicht.

Ja, jetzt sehe ich es auch.
Und nun lohnt sich auch ein etwas genauerer Blick in den Quelltext. Da fällt mir doch gleich auf, dass die Attribute deiner HTML-Tags fast alle ohne Anführungszeichen stehen. Pfui!

Zu deiner Navi-Leiste. Im wesentlichen hast du folgende Struktur:

<a> <img> </a> <img> <a> <img> </a> <img> <a> <img> </a> <img> ...

Entscheidend sind die vielen Leerzeichen zwischen den Elementen. Ich denke mal, hier liegt der Knackpunkt.
Ich hab mir die Seite mal lokal gespeichert und in einem TD sämtliche Leerzeichen zwischen den Tags entfernt sowie ein paar <br> eingefügt. Die Struktur ist nun

<a><img></a><br><img><br><a><img></a><br><img><br><a><img></a><br><img><br>...

Und schon sieht's vernünftiger aus. Sonst versucht der Browser immer noch ein Leerzeichen mit in die Zeile zu setzen, die aber durch das Bild schon in voller Breite ausgenutzt ist. Also bricht er das Leerzeichen in eine neue Zeile um.
Vielleicht kannst du jetzt mit dem Ansatz was anfangen.

So long,

Martin

[Helmut]

Ja ich glaube damit hast du mich etwas näher an die Lösung rangebracht:
Jetzt verzerrt er "nurnoch" das letzte Bild auf jeder Seite, nichtmehr alle darüber.

hier zu sehen: http://wow.vdl-clan.de/index_test.html

Ich habe, wie du vorgeschlagen hast, alles zusammengeschrieben. Allerdings ohne die <br> dazwischen, da es dann von vorn herein auseinandergezerrt war

[Hopsel]

Hi,

Ich habe es nun überarbeitet so das es W3 konform ist:

noch nicht ganz. Ändere deinen Doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Hast du schon versucht, die Grafiken, die innerhalb der Tabellen vorkommen als inline zu deklarieren?

MfG Hopsel

[Helmut]

Hallo, danke, jetzt ist es konform.

Mit dem inline funktioniert es aber leider auch nicht... hier zu sehen:
http://wow.vdl-clan.de/index_test_inline.html

(wie gesagt, nur mit IE und firefox, opera macht keine probleme)