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

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

asp.net - In javascript how to find the height and width -

c# - DataTable to EnumerableRowCollection -