IE7 bricht in Tabellenzelle nicht um

[basti_p]

Hallo,

komisches Problem mit dem IE7 und folgendem Code:

<table cellpadding="0" cellspacing="0" style="width: 100%">
    <thead>
      <tr>
        <th style="width: 100px;">Element</th>
        <th style="width: auto;">Inhalt</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Passwort*</td>
        <td><input type="text" name="" /></td>
      </tr>
      <tr>
        <td>Passwort wiederholen* </td>
        <td><input type="text" name="" /></td>
      </tr>
    </tbody>
    <tfoot>
    </tfoot>
</table>

Ich möchte die Tabelle über die gesamte Breite ausdehnen - die erste Spalte soll 100px breit sein. Sobald der Text in dieser Spalte aber breiter als 100px wird, bricht der IE innerhalb der Zelle nicht um und stellt beide Spalten mit 50% Breite dar. Habt ihr einen Tipp?

Danke und Grüße Basti

[Antipitch]

Hi Basti,

nimm doch mal die style Angabe aus der Tabelle und versuchs mit (in deinem Fall 2) <col /> tags und entsprechenden css Klassen für diese (also in deinem Fall einmal width: 100px; und einmal width: auto; table natürlich weiterhin 100%). Die tags einfügen zwischen table und thead. Geht in IE 6, IE 7 und FF...

Gruß
Antipitch