2 div bokse ved siden af hinanden

Jeg har prøvet med float:left; og float:right; - men da det skete, lagde de sig "oven" på contentboksen, istedet for indeni den..

Send koden.  Saa kan man svare mere konkret og teste den foreslaaede loesning.

Ohøj ohøj..

Her er følgende kode:



Husk på at din "contentboks" ikke må overskride dine 2 bokse's bredder til sammen, det forårsager i at boks2 vil hoppe ned. :)

Så ja, ikke float:left; float:right; men float:left; float:left; på begge div bokse.

Put en tom div bagefter med clear:both

<div style="float:left">DIV #1</div>
<div style="float:left">DIV #2</div>
<div style="clear:both"></div>

Hej,

der er flere måder at gøre det på, og jeg mangler lidt specifikationer på præcis hvordan du vil have dem til at se ud, men denne her kode vil placere to div bokse ved siden af hinanden:

CSS kode
#divbox1 {
  border: 1px solid #000000;
  width: 50%;
  float: left;
  background: red;
}

#divbox2 {
  background-color: yellow;
  border: 1px solid #000000;
  width: 48%;
  float: right;
}

HTML kode
<div id="baseDiv" style="width: 100%">
  <div id="divbox1">
  <script>for (var i=1; i<100; i++) document.write('divbox1 ');</script>
  </div>

  <div id="divbox2">
  <script>for (var i=1; i<100; i++) document.write('divbox2 ');</script>
  </div>

</div>

Er det hvad du mente???

Smukt, tak!