html - Fluid Header, Footer and 3 columns CS layout (Cross browser) -


i need css code , html cross browser css layout (ie7+) header, footer , 3 columns (midde/left/right) middle section. want main (see illustration) have flexible width, both sidebars fixed width (e.g. 200px). don't want sidebars collapse down when shrink window.

the main div have minimum width, let's 800px.

all elements should have fluid height.

enter image description here

thanks

check fiddle accordion center http://jsfiddle.net/pduxc/7/

for full example click here http://jsfiddle.net/pduxc/14/

body {     margin: 0;     padding: 0;     overflow: hidden; }  .sidebarleft {     width: 100px;     height: 350px;     background: red;     top: 0;     left: 0;     position: absolute;     z-index: 7; }  .sidebarright {     width: 100px;     height: 350px;     background: red;     right: 0;     top: 0;     position: absolute;     z-index: 6; } .main {     width: 100%;     height: 350px;     background: green;     position: absolute;     z-index: 5; } 

Comments

Popular posts from this blog

mod rewrite - Using "?" when rewriting the URL -

.htaccess: Transfer name to index.php if not directory public -

Admob integration with pygame in android -