Aqua: Einfachen <TABLE> mit <DIV> darstellen

Beitrag lesen

Hallo!

Für mich persönlich ist es ein recht großes Problem,
einen speziellen <TABLE> nur mit <DIV> darzustellen,
obwohl es eigentlich recht einfach aussieht.

Und zwar mal der Source:

<table cellpadding="0" cellspacing="0" style="width:500px;">
    <tr>
      <td style="background-color:#ff0000;"> </td>
      <td style="background-color:#cc33ff;">bla<br>bla<br>bla<br>bla<br>bla</td>
      <td style="background-color:#33ccff;"> </td>
    </tr>
</table>

Also, die Farben von Links nach rechts sind also ROT, VIOLETT und BLAU
Das geht noch einfach mit DIV's zu machen.

Das Problem dabei:
Das ganze soll dynamisch sein,

Im moment ist es so,
dass nur in der mittleren (violetten) Spalte Inhalt drinnen ist.

_Automatisch_  vergrößert sich dadurch aber auch die Höhe der
linken (roten) und der rechten (blauen) Spalte.

Würde nun einer der aeusseren beiden Spalten mehr Inhalt haben
als die mittlere, so würde die mittlere automatisch mitwachsen.

Eine feste Angabe für "height" kommt also nicht in Frage.

Die Frage

Wie kann ich genau die selbe Darstellung mit selbigem
"Dehnungseffekt" (siehe oben) erreichen, wenn ich das ganze
ausschließlich mit <DIV> machen will?

(Bitte um einen Beispiel-Code wie ich es oben mit der Tabelle tat...)

Danke und Liebe Grüße,
Aquariophile