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