Hallo André,
vielen Dank für deine Antwort.
Mit "margin" und "padding" musst du mal ein bißchen spielen und rechnen. Sag mal Bescheid, wie es weitergeht!
Habe es nun ganz anders realisiert. Die Boxen sind jetzt auch 245px breit und 195px hoch. Das Script scheint zwar zu funktionieren, aber es ist m. E. völlig unlogisch, warum ich in box3 und box4 bei "top:" den doppelten Abstand angeben muss, um den richtigen Abstand zu den oberen Divs zu erhalten. Kann mir dies jemand erklären?
div#container {
position:relative;
top:0px;
width:572px;
height:500px;
float:right;
background:#ffffff;
}
div#box1 {
position:relative;
top:36px;
width:245px;
height:195px;
float:left;
text-align:left;
font-family:Arial,Helvetica;
font-size:16px;
font-weight:bold;
}
div#box2 {
position:relative;
top:36px;
right:50px;
width:245px;
height:195px;
float:right;
text-align:right;
font-family:Arial,Helvetica;
font-size:16px;
font-weight:bold;
}
div#box3 {
position:relative;
top:72px;
width:245px;
height:195px;
float:left;
text-align:left;
font-family:Arial,Helvetica;
font-size:16px;
font-weight:bold;
}
div#box4 {
position:relative;
top:72px;
right:46px;
right:50px;
width:245px;
height:195px;
float:right;
text-align:right;
font-family:Arial,Helvetica;
font-size:16px;
font-weight:bold;
}
MfG
HP-Bauer