Hi,

 

Within the main page content holder of the page I have 3 div tags.

 

 

#contactdetailholder1 {

position:relative;

left: 0px;

top: 0px;

width: 600px;

padding:0px;

border:0px;

margin: 0px;

z-index: 4;

}

 

Within that

 

Within in that there are 2 more divs which are

 

#box1 {

position:absolute;

left: 0px;

top: 0px;

width: 295px;

padding:5px;

border:0px;

margin: 0px;

}

#box2 {

position:absolute;

left: 300px;

top: 0px;

width: 295px;

padding:5px;

border:0px;

margin: 0px;

}

 

What I'd like to do is repeat the div contactdetailholder1 (with the 2 nested divs) several times vertically - changing the text within the 2 nested divs. (It's for a contact page obviously).

 

I'm tempted to use tables but don't want to if it can be avoided. I'm sure this is easy but I just can't get it and it's 4pm Sunday afternoon, the sun's shining and I'm going for a beer.

 

So thanks for any help.

 

Jo.

Hi there. Just repeat what you've got but change your ids to classes.

<div class="contactdetailholder">
<div class="box1">
</div>
<div class="box2">
</div>
</div>

<div class="contactdetailholder">
<div class="box1">
</div>
<div class="box2">
</div>
</div>

<div class="contactdetailholder">
<div class="box1">
</div>
<div class="box2">
</div>
</div>

 

.contactdetailholder {
position:relative;
left: 0px;
top: 0px;
width: 600px;
padding:0px;
border:0px;
margin: 0px;
z-index: 4;
}
.box1 {
position:absolute;
left: 0px;
top: 0px;
width: 295px;
padding:5px;
border:0px;
margin: 0px;
}
.box2 {
position:absolute;
left: 300px;
top: 0px;
width: 295px;
padding:5px;
border:0px;
margin: 0px;
}