paul: abhängige positionierung von DIVs

hi leute,

ich habe nachfolgendes (vereinfachtes:-) konstrukt.
die gleichfarbigen DIVs sollen immer so gross wie ihr höchstes sein,
in einem festen abstan darunter folgen dann die nächsten DIVs, für die wieder das selbe gelten soll...
ich will das aber ohne tabellen lösen. javascript ist ok :).

kann mir jemand nen guten ansatz nennen?
vielen dank,
p.

  1. sorry...

    <html>
    <head>
    <style type="text/css">
      .green{
      background-color: green;
      }
      .red{
      background-color: red;
      }
    </style>
    </head>

    <body>

    <div class="green" id="Layer1" style="position:absolute; left:148px; top:50px; width:50; height:50; z-index:1"></div>
    <div class="green" id="Layer2" style="position:absolute; left:244px; top:50px; width:50; height:90; z-index:2"></div>
    <div class="green" id="Layer3" style="position:absolute; left:342px; top:50px; width:50; height:150; z-index:3"></div>
    <div class="red" id="Layer1" style="position:absolute; left:148px; top:220px; width:50; height:50; z-index:1"></div>
    <div class="red" id="Layer2" style="position:absolute; left:244px; top:220px; width:50; height:90; z-index:2"></div>
    <div class="red" id="Layer3" style="position:absolute; left:342px; top:220px; width:50; height:150; z-index:3"></div>
    </body>
    </html>