Feil plassering av divs?

[Ma]

Hei.

Jeg lurer på om det er normalt at høyre div går over midt div'en slik som vist på bildet når vinduet er forminsket?

 

Her er style-koden min:

<style type="text/css">

body {
 margin:10px 10px 0px 10px;
 padding:0px;
 }

#contentleft {
 position:absolute;
 left:10px;
 top:200px;
 width:200px;
 height:400px;
 background:#B27FB2;
 }

#contentcenter {
 margin-left: 200px;
   	margin-right:200px;
 height:400px;
 background:#D0B0D0;
 top:180px;
 overflow:auto;
 }

                 #contentright {
 position:absolute;
 right:10px;
 top:200px;
 width:200px;
 height:400px;
 background:#B27FB2;
 }

#contentheader {
 background:#B27FB2;
 height:50px;
 border-bottom:2px solid #000;
 }
 
table {
 background:#660066;
 color:#FFFFFF;  
 }

#contentcenter table {
 background:#D0B0D0;
 color:#000000;  
 }

[pgdx]

Når man har position: absolute, vil det kunne skje, ja.

[Ma]

men hvis jeg ikke har absolute, får jeg ikke elementene til å stå slik jeg vil... Hvordan kan det løses på en bedre måte?

[mikk-]

Lag en wrap-div (som omslutter de andre) med en fast bredde, eventuelt i prosent. Inni den har du tre div'er som alle har egenskapen «float: left;» Så lenge bredden av dem (width + padding + margin) er mindre enn eller lik bredden av wrap'en, ligger de "på rekke" horisontalt.