Wie Layoutet Ihr? Tabellen / Div-Tags?

[Jeena Paradies]

Hallo,

Es gibt ein konkretes Layouttabellenproblem welches mich immer und immer wieder zum CSS-Layout führt, vielleicht hast aber du eine Lösung dafür, da du bisher jedes Layout mit Tabellen hinbekommen hast.

<table>  
 <tr>  
  <td>Hauptinhalt</td>  
  <td>Sekundärinhalt</td>  
 </tr>  
</table>

Auf dem Bildschirm soll das ganze so aussehen:

+-------------+----------------+
|             |                |
| Hauptinhalt | Sekundärinhalt |
|             |                |
+-------------+----------------+

Gedruckt, oder in einem Palm, Handy (einfach ein Gerät mit einer geringen Breite)

+-------------+

• Hauptinhalt |
  +-------------+
  | Sekundär-   |
  | inhalt      |
  +-------------+

Mit reinem CSS als Gestaltungsmittel ist das ganze ja kein Problem, aber wie bringe ich die Tabelle dazu das zweite <td> unter dem ersten anzeigen zu lassen? Ich habe es in fast allen Browsern hinbekommen nur leider in einem noch nicht, dem IE, auch nicht in der neuen 7er Version:

td { display: block; }

Das interessante ist dabei aber der Textteil aus der Specifikation, der aussagt dass der IE gar nicht falsch reagiert:

User agents may ignore these 'display' property values for HTML table elements, since HTML tables may be rendered using other algorithms intended for backwards compatible rendering. However, this is not meant to discourage the use of 'display: table' on other, non-table elements in HTML.

Grüße
Jeena Paradies