Opstilling af div

Bruger du relativ positionering, for ellers er det simpelthen umuligt !-)

Nej jeg bruger absolut... Men har forsøgt med relativ, men det virkede ikke rigtig..

Har nu prøvet at give alle relativ positionering.. Men problemet er at boks 1 går stadig indover boks 2 hvis den har mere indhold

poster lige min css kode:
#center {
margin-left: auto;
margin-right: auto;
width: 768px;
}

.logo {
position: absolute;
background: url(../img/userlogo.gif) no-repeat top;
width: 768px;
height: 110px;
}

.commercial1 {
position: absolute;
width: 468px;
min-height: 60px;
top: 24px;
left: 400px;
border: 1px solid #000000;
z-index: 2;
}

.bar1 {
position: relative;
width: 768px;
min-height: 20px;
top: 120px;
border: 1px solid;
}

.bar2 {
position: relative;
width: 768px;
height: 20px;
top: 500px;
border: 1px solid;
}

.box1 {
position: relative;
width: 150px;
border: 1px solid;
top: 115px;
}

.box2 {
position: relative;
width: 150px;
border: 1px solid;
top: 20px;
}

.box3 {
position: relative;
width: 420px;
border: 1px solid;
top: 1px;
left: 175px;
}

.box4 {
position: relative;
width: 420px;
border: 1px solid;
top: 250px;
left: 300px;
}

.box5 {
position: relative;
width: 150px;
border: 1px solid;
top: 155px;
left: 745px;
}

.box6 {
position: relative;
width: 150px;
border: 1px solid;
top: 250px;
left: 745px;
}

Har lige rettet lidt i det så det er nemmere at se hvad problemet er:

#center {
margin-left: auto;
margin-right: auto;
width: 768px;
}

.logo {
position: absolute;
background: url(../img/userlogo.gif) no-repeat top;
width: 768px;
height: 110px;
}

.commercial1 {
position: absolute;
width: 468px;
min-height: 60px;
top: 24px;
left: 400px;
border: 1px solid #000000;
z-index: 2;
}

.bar1 {
position: relative;
width: 768px;
min-height: 20px;
top: 120px;
border: 1px solid;
}

.bar2 {
position: relative;
width: 768px;
height: 20px;
top: 500px;
border: 1px solid;
}

.box1 {
position: relative;
width: 150px;
border: 1px solid;
top: 150px;
}

.box2 {
position: relative;
width: 150px;
border: 1px solid;
top: 20px;
}

.box3 {
position: relative;
width: 420px;
border: 1px solid;
top: 10px;
left: 175px;
}

.box4 {
position: relative;
width: 420px;
border: 1px solid;
top: 10px;
left: 175px;
}

.box5 {
position: relative;
width: 150px;
border: 1px solid;
top: 15px;
left: 615px;
}

.box6 {
position: relative;
width: 150px;
border: 1px solid;
top: 250px;
left: 745px;
}

.chart {
position: relative;
width: 50px;
border: 1px solid;
top: 350px;
left: 800px;
}


http://www.vivaa.dk/new/users/

hov rettelse:

http://new.vivaa.dk/user/

Fandt selv en løsning med noget float :)