CSS/HTML: Sternformen

[Blaubart]

Tach.

Ich möchte vier Blöcke folgendermaßen anordnen:

aaaaabbbbbb
aaaaabbbbbb
aaaaa ccccc
aaaaa ccccc
ddddddccccc
ddddddccccc

Mit fester Höhe/Breite und float wird das nichts, weil die nachrutschenden Blöcke (z. B. bei float:left der mit d markierte) an den höheren (im Bild: a) hängenbleiben und sich nicht darunterschieben können.

Absolute Positionierung setzt für variable Blockgrößen stets neu berechnete Positionen voraus. Das würde ich gerne vermeiden zugunsten einer "statischen" Variante, bei der das CSS nicht dynamisch generiert werden muß.

Bliebe noch der Umweg über eine Layouttabelle:

  
<table>  
<tr>  
    <td rowspan="2">a</td>  
    <td colspan="2">b</td>  
</tr>  
<tr>  
    <td></td>  
    <td rowspan="2">c</td>  
</tr>  
<tr>  
    <td colspan="2">d</td>  
</tr>  
</table>  

Welche weiteren Alternativen sehr Ihr?