css width?

[ken8]

Jeg har en ramme-div som inneholder 3div'er. Men jeg er usikker på hvordan bredden regnes ut?

Her er div'ene:

#frame {
               width:740px;
               margin-right:auto;
               margin-left:auto;
               padding:0px;
               text-align:left;
               border:1px solid;
               background-color:#0066FF;
               }
#contentleft {
               width:156px; //160-2-2
               padding:0px;
               float:left;
               margin:10px 2px;
               }
#contentcenter {
               width:416px; //420-2-2
               padding:0px;
               float:left;
               margin:10px 2px;
               }
#contentright {
               width:156px; //160-2-2
               padding:0px;
               float:left;
               margin:10px 2px;
               }

Jeg bruker div'ene slik:

<div id="frame">
 <div id="contentleft">
   left
 </div>
 <div id="contentcenter">
   center
 </div>	
 <div id="contentright">
   right
 </div>	
</div>

Jeg trodde det funket slik: bredde=740-(left=160-2marg-2marg) osv.

slik at det blir 740-(160-2-2)-(420-2-2)-(160-2-2)=0 Men dette blir for bredt. Da flyter 2 av divene under hverandre og jeg må forandre til 154,416,154.

Hva er det jeg glemmer?

OT; hvordan får jeg beholdt "space/tomme tegn" slik at koden ser bedre ut?Nå måtte jeg endre etter at jeg hadde forhåndsvist?

[ken8]

Jeg har kun fått testet i IE6, men når jeg ikke bruker margins, så funker det fett med 160+420+160=740, men med engang jeg bruker margins, så kan jeg ikke sette vidden lik feks (160-2-2=156) da må jeg ta bort litt ekstra for at div'ene ikke skal forsyve seg. Har ikke funnet noe på google heller om hvordan dette blir regnet ut:(

Jeg håper det er noen her ute som kan det!

[Arve Systad]

Total bredde på et element =

 

padding+margins+borders+width