Two column layout with one having a fixed width in CSS -


i want nice 2 column layout using css float's.

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

i want place col#2's div first, 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 effect?

neither of above work.

div#col2 {     width: 160px;     float: left;     position: relative; }  div#col1 {     width:100%;     margin-left: 160px; } 

that's assuming column 2 should appear left sidebar, col 1 main content.


Comments

Popular posts from this blog

windows - Why does Vista not allow creation of shortcuts to "Programs" on a NonAdmin account? Not supposed to install apps from NonAdmin account? -

c++ - How do I get a multi line tooltip in MFC -

unit testing - How to mock PreferenceManager in Android? -