Div box problem

[Greymore]

Hallo,

ich habe folgendes problem, ich möchte gerne 2 div boxen neben einander haben nur bekomm ich das leider nicht ganz hin wüste gerne wie ich das lösen könnte

dazu hier der code und ein screen.

#main {
 position:absolute;
 top:120px; left:50px;
 width:900px;
}

#main #lbox {
 margin-left:10px;
 margin-top:10px;
 width:400px;
 border:1px solid #CCCCCC;
 padding:0px 0px 0px 0px;
}

#main #rbox {
 margin-left:420px;
 margin-top:10px;
 width:400px;
 border:1px solid #CCCCCC;
 padding:0px 0px 0px 0px;
}

<div id="main">
 <div id="lbox">lol</div>
 <div id="rbox">rofl</div>
</div>

 

[Flex]

#main #lbox {
 float: left;
 margin-left:10px;
 margin-top:10px;
 width:400px;
 border:1px solid #CCCCCC;
 padding:0px 0px 0px 0px;
}

#main #rbox {
 float: left;
 margin-left:420px;
 margin-top:10px;
 width:400px;
 border:1px solid #CCCCCC;
 padding:0px 0px 0px 0px;
}

So funktioniert es.

Allerdings wird durch position: absolute natürlich das Design auf kleineren Auflösungen eingeschränkt.

 

[Maik]

Hi!

Allerdings wird durch position: absolute natürlich das Design auf kleineren Auflösungen eingeschränkt.

Dann lassen "wir" eben die position:absolute-Angabe wegfallen ;-)

 

[Flex]

Stimmt natürlich...

Das mit position: absolute war auf sein Hauptdiv bezogen... Warum ich jetzt auch noch absolute in die kleinen getan hab weiß ich gar net mehr...

Ist geändert