content
CSS:
body {min-width:640px}
#header,#menu,#content,#sub-section,#footer {
overflow:hidden;
display:inline-block
}
/* safari and opera need this */
#footer {width:100%}
#header,#menu,#sub-section {float:left}
#content {float:right}
#header {width:49%}
/* leaving room for rounding error (MSIE) */
#menu {width:50.9%}
#content {width:80%}
#sub-section {width:20%}
#footer {clear:both}
HTML:
<div id="header"><h1>header</h1></div>
<div id="menu"><h1>menu</h1></div>
<div id="content"><h1>content</h1></div>
<div id="sub-section"><h1>sub-section</h1></div>
<div id="footer"><h1>footer</h1></div>
