Tweet
moinsen,
ich habe folgende datei "index.html":
mit dazugehöriger css datei "main.css":
meine frage ist nun folgende:
wie kann ich die boxen 4 und 5 direkt unter box 1 und 2 positionieren
ohne die position pixelgenau (absolut) angeben zu müssen?
vielen dank im voraus!
mfG
Guido
ich habe folgende datei "index.html":
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="main.css" /> </head> <body> <div class="masterbox"> <div class="box1">Box1</div> <div class="box2">Box2</div> <div class="box3">Box3</div> <div class="box4">Box4</div> <div class="box5">Box5</div> </div> </body> </html>
Code:
.masterbox {
width: 400px;
position: relative;
}
.box1 {
background-color: #FF99FF;
float: left;
height: 100px;
width: 200px;
position: relative;
}
.box2 {
background-color: #33CCFF;
float: left;
height: 100px;
width: 100px;
position: relative;
}
.box3 {
background-color: #33FF66;
float: left;
height: 200px;
width: 100px;
position: relative;
}
.box4 {
background-color: #003333;
float: left;
height: 300px;
width: 100px;
position: relative;
}
.box5 {
background-color: #990000;
float: left;
height: 100px;
width: 200px;
position: relative;
}
wie kann ich die boxen 4 und 5 direkt unter box 1 und 2 positionieren
ohne die position pixelgenau (absolut) angeben zu müssen?
vielen dank im voraus!
mfG
Guido
Kommentar