Nachträglich 2 DIV-Container zu Layout hinzufügen

[martin.richter]

Hallo,

ich habe aktuell 5 DIV-Boxen untereinander.

<div class="box">1</div>  
<div class="box">2</div>  
<div class="box">3</div>  
<div class="box">4</div>  
<div class="box">5</div>

Die Style-Angabe für die Boxen:

div.box{position:relative;width:400px;height:130px;margin:0px auto}

Nun will ich rechts und links der jeweiligen Boxen noch einen Rand hinmachen.

Ich suche also sowas in der Art wie <tr><td rowspan="5">Rand<td></tr>

Gibt's da eine Möglichkeit diese 2 Ränder nachträglich hinzu zufügen?

Alternativ fällt mir dazu dann nur das ein:

<div class="rand_l"></div><div class="box">1</div><div class="rand_r"></div>  
<div class="rand_l"></div><div class="box">2</div><div class="rand_r"></div>  
<div class="rand_l"></div><div class="box">3</div><div class="rand_r"></div>  
<div class="rand_l"></div><div class="box">4</div><div class="rand_r"></div>  
<div class="rand_l"></div><div class="box">5</div><div class="rand_r"></div>

Danke,
Martin Richter

[martin.richter]

Hallo nochmal,

ich merke grad das mein Alternativ-Vorschlag wohl schlecht umsetzbar ist, da die DIV-Boxen ja mittig plaziert werden und die Ränder nicht einfach drangeklebt werden können :-(

[ChrisB]

Hi,

Nun will ich rechts und links der jeweiligen Boxen noch einen Rand hinmachen.

Dann packe doch einfach noch ein oder zwei weitere Elemente drumherum - mit entsprechendem padding, und ggf. Hintergrundbildern o.ae.

MfG ChrisB