m_uga: 4 Kolumnen. Dynamischer Inhalt.

Beitrag lesen

Hallo!

Eine Frage beschäftigt mich schon seit längerem und bringt mich zum Verzweifeln.

Ich möchte nämlich mit CSS folgende Aufteilung der Kolumnen erreichen:

---------------------------
|           |             |
|           |             |
|   A1      |     A3      |
|           |             |
|           |             |
---------------------------
|           |             |
|           |             |
|   A2      |     A4      |
|           |             |
|           |             |
---------------------------

Das Problem ist, dass:

  1. der Inhalt der DIVs dynamisch erstellt wird, das heißt ich weiß nicht wie lang sie sind und

  2. im HTML die DIVs so angeordnet sind:

<DIV id="all">
 <DIV id="a1">A1 Esto exerilla commod magna commy nibh ercil utpat
 praessis aut ad tie faciliquisit wis nons nos duismodio euissed
 minis ad modionummy nim quisit num venibh eliqui eliquat uerosto od
 dit vel ex eum iure dionulla faccum nulla feugait et, quiscillam,
 sim accum in utat augiam quissi eraestrud esequatisi.</DIV>

<DIV id="a2">A2 Esto exerilla commod magna commy nibh ercil utpat
 praessis aut ad tie faciliquisit wis nons nos duismodio euissed
 minis ad modionummy nim quisit num venibh eliqui eliquat uerosto od
 dit vel ex eum iure dionulla faccum nulla feugait et, quiscillam,
 sim accum in utat augiam quissi eraestrud esequatisi.</DIV>

<DIV id="a3">A3 Esto exerilla commod magna commy nibh ercil utpat
 praessis aut ad tie faciliquisit wis nons nos duismodio euissed
 minis ad modionummy nim quisit num venibh eliqui eliquat uerosto od
 dit vel ex eum iure dionulla faccum nulla feugait et, quiscillam,
 sim accum in utat augiam quissi eraestrud esequatisi.</DIV>

<DIV id="a4">A4 Esto exerilla commod magna commy nibh ercil utpat
 praessis aut ad tie faciliquisit wis nons nos duismodio euissed
 minis ad modionummy nim quisit num venibh eliqui eliquat uerosto od
 dit vel ex eum iure dionulla faccum nulla feugait et, quiscillam,
 sim accum in utat augiam quissi eraestrud esequatisi.</DIV>
</DIV>

Habe schon viele Kombinationen von float und position und so weiter ausprobiert, leider ohne Erfolg.

Für alle Lösungsvorschläge wäre ich sehr verbunden.

Mfg.