2 column layout in CSS
I want a nice 2 column layout using CSS float's.

Column#1 160 px
Column#2 100% (i.e. the rest of the space).

I want to place the Col#2's div first, so my layout looks like:
  
    <div id="header"></div>
    <div id="content">
         <div id="col2"></div>
         <div id="col1"></div>
    </div>
    <div id="footer"></div>

What has to be get this effect?


2 column layout in CSS
===

I want a nice 2 column layout using CSS float's.

Column#1 160 px
Column#2 100% (i.e. the rest of the space).

I want to place the Col#2's div first, so my layout looks like:
  
    <div id="header"></div>
    <div id="content">
         <div id="col2"></div>
         <div id="col1"></div>
    </div>
    <div id="footer"></div>

What has to be get this effect?

