3 columns side-by-side

[brown2005]

<div id='content'>

 

      <div id='left'>this won is 100px wide</div>

 

      <div id='center'>this won is 550px wide</div>

 

      <div id='right'>this won is 100px wide</div>

 

</div>

 

can some1 help with the above layout please.

 

thanks in advance

[calabiyau]

css:

 

#content div {float: left;}

 

#left {width: 100px;}

#center {width: 550px;}

#right { width: 100px;}

 

 

EDIT...Just thought, maybe #content div isn't the best way to go, since you may have div's inside the column that it might affect. 

 

Just add the float: left; into each of left, center, right div's.

[bronzemonkey]

Check out this tutorial - http://www.positioniseverything.net/ordered-floats.html