content
Content comes before Menu in the markup.
Gecko bug: floats and negative margins (reported By Alex Robinson).
Note that I am using the HTML and BODY elements to paint background images. You should know that MSIE5 and MSIE6 (in Quirks Mode) do not paint background images in the HTML element.
Also, if your documents do not hold enough content to fill up the viewport then the background image in HTML will appear below the footer.
CSS:
body {min-width:640px}
#header,#menu,#content,#sub-section,#footer {
overflow:hidden;
display:inline-block
}
/* safari and opera need this */
#header,#footer {width:100%}
#menu,#content,#sub-section {float:left}
#content {
width:57%;
margin-left:20%;
display:inline
}
#menu {
width:18%;
margin-left:-77%;
display:inline
}
#sub-section {width:22%}
#footer {clear:both}
HTML
<div id="header"><h1>header</h1></div>
<div id="content"><h1>content</h1></div>
<div id="menu"><h1>menu</h1></div>
<div id="sub-section"><h1>sub-section</h1></div>
<div id="footer"><h1>footer</h1></div>
sub-section
This work is licensed under a
Creative Commons License.
Add content to this container
sdfQuis nostrud exercitation eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, velit esse cillum dolore sed do eiusmod tempor incididunt. In reprehenderit in voluptate consectetur adipisicing elit, excepteur sint occaecat. Ut labore et dolore magna aliqua. Cupidatat non proident, mollit anim id est laborum.
In reprehenderit in voluptate velit esse cillum dolore quis nostrud exercitation. Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt qui officia deserunt. In reprehenderit in voluptate duis aute irure dolor excepteur sint occaecat.
In reprehenderit in voluptate velit esse cillum dolore quis nostrud exercitation. Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt qui officia deserunt. In reprehenderit in voluptate duis aute irure dolor excepteur sint occaecat.
In reprehenderit in voluptate velit esse cillum dolore quis nostrud exercitation. Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt qui officia deserunt. In reprehenderit in voluptate duis aute irure dolor excepteur sint occaecat.
