Thema: Tabelle macht was sie will...

So langsam drehe ich wirklich durch mit diesen Tabellen.
Schaut doch bitte mal hier: http://demo207.fc-hosting.de/
Diese Seite soll in den nächsten tagen online gehen, nur habe ich ein Problem mit der Startseite. Eigentlich sollen da kleine Logos angezeigt werden in einer Tabelle. Der Code dafür ist dieser hier:

HTML-Code:

<div align="center"><table width="600"  border="0" align="center" cellpadding="0" cellspacing="0">
<tr >
<td width="600">
<div align="center">Die Grizzly Family bedankt sich bei ihrem Hauptsponor:<br>
<br>
<img src="/images/sponsoren/platzhalter4.jpg" width="450" height="120"><br>
<br>
 ...und bei ihren Partnern<br>
<br>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80" ></div></td>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80" ></div></td>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80" ></div></td>
</tr>
<tr>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80" > </div></td>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80" > </div></td>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80" > </div></td>
</tr>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80"></div></td>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80"></div></td>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80"></div></td></tr>
<tr >
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80"> </div></td>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80" > </div></td>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80"> </div></td>
</tr>
<tr >
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80"> </div></td>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80" > </div></td>
<td width="200" height="100"><div align="center"><img src="/images/sponsoren/platzhalter3.jpg" width="120" height="80"> </div></td>
</tr>
</table> 
</div>
</td>
</tr>
</table>
</div>

Eigentlich soweit valide, ich gebe den Code auch ohne WYSIWYG-Editor ein - heraus kommt dieser Müll wie oben verlinkt.
Warum zur Hölle verrutschen die Inhalte einer Tabelle nach rechts? Ich kriege hier so langsam aber sicher die absolute Krise...das macht einfach keinen Sinn!!!

Mit der Bitte um Hilfe bevor ich hier noch völlig ausraste, meinen PC aus dem Fenster werfe und zum Blumenzüchten wechsel,
Stephanie

Schau mal genau nach. Laut dem obigen Code wird die dritte Zeile nicht mit <tr> eingeleitet.

Zitat von Steffilinchen

...ich finde jedoch auch im Quelltext nicht das problem...

Das liegt auch nicht im Quelltext, sondern im CSS:
.contentpaneopen td {
width: 100%
}
Kommentier das mal aus. Und dann denk nach, ob und wofür du das brauchst

Edit: Dieses Problem lag nicht im Quelltext. Die doppelte xml-Deklaration, die Berge von ungeschlossenen img-Tags und die in XHTML unzulässigen body-, table- und td-Attribute bringen zwar keinen Browser ins Stolpern, verursachen aber völlig überflüssige Warnungen beim Validieren.

Zitat von Steffilinchen

...aber warum ergibt eine Breitenangabe von width=100% eine Verschiebung von einzelnen Spalten?

Weil die erste Spalte diese 100% bekommt oder zumindest so viel wie geht, und der Rest nur so viel, wie der Inhalt mindestens braucht.

Ich hab wie doof nach einem align oder ähnlichem gesucht. Versteh ich nicht...!

Meinst du, ich nicht? Wenn man in den Web Developer Tools des FF nicht live am Code und am CSS rumpfuschen könnte, hätte ich das in diesem Leben sicher nicht gefunden.

Wo ich doch Änderungen nur mit Try&Error hinkriege und hinterher nie weiß, warum es läuft

Ach, andere machen das auch so?