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