CSS layout with two rows, two columns -
helllo, im stuck... because whatever not working. have following layout:
<body> <div id = "container">     <div id = "header">         <div id = "logo"></div>         <div id = "header-pannel"></div> </div>      <div id = "body">         <div id = "left"></div>         <div id = "right"></div>     </div> </div>           what need make:
body , container 100% width, oriented top-left  #logo {width 180px; height 180px;} - fixed width #header-pannel {height: 180px} - width 100% space between logo , right edge of window, fluid width  #left {fluid width, 100% of space between left edge of window , right block} #right {width: 180px}   im not including current css, because became messy after countless attempts. can give me solution?
thank time!
although question not clear want may you:
body { width: 100%; margin: 0; } #container { width: 100%; min-height: 300px; } #logo {width 180px; height 180px; float: left;} #header-pannel {width: according need; height: 180px; float: right;} #left {width: according need, min-height: 100px; float: left;} #right {width: 180px; min-height: 100px; float: right;}      
Comments
Post a Comment