HTML Tabellen mit unterschiedlichen Spaltenbreiten

[einfach_nur_pi]

Hallo,
beim rumexperimentieren mit html wollte ich eine Tabelle erstellen die unterschiedliche Spaltenbreiten beinhaltet.

Leider funktioniert dies so nicht 100%ig, da die Spalten teilweise unterschiedliche Breiten aufweisen, obwohl sie gleich breit sein sollen.

Ich poste hierzu mal den html-code:

<div align="center">
<table width="600px "cellspacing="0px" cellpadding="0px" border="1">
<colgroup>
    <col width="100px">
    <col width="100px">
    <col width="100px">
    <col width="100px">
    <col width="100px">
    <col width="100px">
 </colgroup>
<tr>
 <td colspan="6" align="center">Test</td>
</tr>
<tr>
 <td colspan="1" align="center">Test</td>
 <td colspan="2" align="center">Test</td>
 <td colspan="2" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
</tr>
<tr>
 <td colspan="3" align="center">Test</td>
 <td colspan="3" align="center">Test</td>
</tr>
<tr>
 <td colspan="4" align="center">Test</td>
 <td colspan="2" align="center">Test</td>
</tr>
<tr>
 <td colspan="2" align="center">Test</td>
 <td colspan="2" align="center">Test</td>
 <td colspan="2" align="center">Test</td>
</tr>
<tr>
 <td colspan="2" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
 <td colspan="2" align="center">Test</td>
</tr>
<tr>
 <td colspan="2" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
 <td colspan="2" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
</tr>
<tr>
 <td colspan="3" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
</tr>
<tr>
 <td colspan="2" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
 <td colspan="3" align="center">Test</td>
</tr>
<tr>
 <td colspan="5" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
</tr>
</table></div>

</body>
</html>

Auffällig sind meist die Zeilen:

<tr>
 <td colspan="2" align="center">Test</td>
 <td colspan="2" align="center">Test</td>
 <td colspan="2" align="center">Test</td>
</tr>

und

<tr>
 <td colspan="3" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
 <td colspan="1" align="center">Test</td>
</tr>

ich habe zu Testzwecken auch schon in jede Spalte die entsprechende Breite mit width="***" reingeschrieben, jedoch wird es dann noch verrückter, die Spaltenbreite variiert noch viel mehr.

Die aktuelle Version sieht auf den ersten Blick ok aus, jedoch sind zum Beispiel die drei colspan="2" in der fünften Zeile nicht identisch. Die erste der Spalten ist ca. 5 mm kleiner als die zweite Spalte (bei einer Auflösung von 1280x1024).

Hat jemand eine Idee, wieso das nicht richtig funktioniert? Oder besser noch, was man tun kann, damit es wie gewollt angezeigt wird?

Auch mit Frontpage erstellte Tabellen dieser Art weisen Probleme auf. Das Verhalten von Firefox und dem Internet Explorer unterscheidet sich etwas in der Anzeige der Tabelle, jedoch war es bei beiden Browsern nicht völlig in Ordnung.

[JürgenB]

Hallo einfach_nur_pi,

der IE hat Probleme mit vorgegebenen Breiten/Höhen und colspan / rowspan.

http://forum.de.selfhtml.org/archiv/2003/10/t60188/

Gruß, Jürgen

[imho_tep]

Hallo,

<table width="600px "cellspacing="0px" cellpadding="0px" border="1">
<colgroup>
    <col width="100px">
    <col width="100px">
    <col width="100px">
    <col width="100px">
    <col width="100px">
    <col width="100px">
</colgroup>

wenn Du border="1" angibst, wird die Tabelle breiter als die vorgegebenen
600px.

Best wishes, imho_tep