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

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -