Hallo Gunnar,

In HTML sind alle Zellen in einer Spalte immer gleich breit.
Nicht nur in HTML. Das sollte nicht nur auf Tabellen in HTML-Dokumenten, sondern auf alle Tabellen zutreffen.

Das ist Ansichtssache, und ich bin eigentlich auch Deiner Ansicht. ;-)

IIRC ist es aber z.B. in MS Word möglich, die Zellenbreite in jeder Zeile separat zu ändern.

In OpenOffice Writer 3.2.0 ist das grundsätzlich nicht möglich. Es sei denn, man macht zuerst zwei unabhängige Tabellen und löscht dann den Abstand bzw. die Leerzeile dazwischen, sodass die Tabellen nun "aneinander kleben" und der untere Rahmen der 1. Tabelle und der obere Rahmen der 2. Tabelle miteinander verschmelzen.

Wenn Du unbedingt mit Tabellen rumbasteln willst, könntest Du noch einen Versuch mit 3 oder 4 Spalten und verbundenen Zellen (colspan) machen
Nein.

Doch! ;-)
Weil es mich wundernahm, was mit Tabellen möglich ist, habe ich jetzt selbst noch etwas rumgebastelt: Testseite.

Grundsätzlich ging ich von einer Tabelle aus, die eigentlich 3 Spalten à 200 Pixel hätte.

¦  200px  ¦  200px  ¦  200px  ¦

In der ersten Zeile dehnt sich die zweite Zelle über zwei Spalten aus, und in der zweiten Zeile die erste Zelle.
Somit wäre folgende Darstellung erwünscht:

+---------+-------------------+
| A 200px |    BBB 400px      |
+---------+-------------------+
|    CCC 400px      | D 200px |
+---------+-------------------+

Das Beispiel 1 (so wie in meinem Posting vom 21.4., 18:04 eingetippt) "funktioniert" nicht wie gewünscht, d.h. alle vier Zellen werden 400px breit angezeigt, und zwar im MS IE 8, in Firefox 3.6 und in Opera 10. Ebenfalls "falsch" ist die Darstellung in Safari 4.0; hier sind die breiten Zellen 600px breit, die schmalen 200px.

Abhilfe schaffen könnte man mit folgenden Methoden:

A) Ergänzen von Beispiel 1, indem man explizit die grundsätzliche Spaltenbreite von 200px definiert, und zwar mit einem COLGROUP-Bereich.  (Siehe <http://de.selfhtml.org/html/tabellen/aufbau.htm#vordefinieren@title=SelfHTML: Spalten vordefinieren>)
Funktioniert in MS IE 8.0, Firefox 3.6 und Safari 4.0.
Funktioniert NICHT in MS IE 5.5, 6.0 und 7.0.
Beispiele 3, 4 und 5

Fürs Archiv also noch der ergänzte Code (entspricht Beispiel 5 auf der Testseite):

<table>  
  <colgroup>  
    <col style="width:200px;">  
    <col style="width:200px;">  
    <col style="width:200px;">  
  </colgroup>  
  <tr>  
    <td style="width:200px;">AAA 200px</td>  
    <td style="width:400px;" colspan="2">BBBBBBB 400px</td>  
  </tr>  
  <tr>  
    <td style="width:400px;" colspan="2">CCCCCCC 400px</td>  
    <td style="width:200px;">DDD 200px</td>  
  </tr>  
</table>

B) Mit einer zusätzlichen Zeile, die wirklich 3 Zellen enthält, aber an sich überflüssig ist und deshalb so weit wie möglich mit CSS "unsichtbar" gemacht wird. (Aber nicht display:none; sonst ist der "Hack-Effekt" dahin.)
Funktioniert in MS IE 5.5 bis 8.0, Firefox 3.6, Opera 10, Safari 4.0.
Beispiele 2a), 2b), 2c)

C) Mit zwei Tabellen, die miteinander verschmelzen.
Für die 1. Tabelle: table.tab1 { margin-bottom:0; }
Für die 2. Tabelle: table.tab2 { margin-top:-1; }
Funktioniert in MS IE 5.5 bis 8.0, Firefox 3.6, Opera 10, Safari 4.0
Beispiel 6

Das alles sind wie gesagt nur Spielereien aus Neugier.
Und wir sind uns ja einig, dass Sebastian sein Problem nicht mit Tabellen, sondern mit CSS lösen sollte.

Freundliche Grüsse
Thomas