html, body{ margin:0; padding:0; } #pagewidth{ } #header{ position:relative; height:15%; background-color:#F95CAF; width:100%; display:block; overflow:auto; } #leftcol{ width:50%; float:left; position:relative; background-color:##0CE3E3; } #twocols{ width:50%; float:right; position:relative; } #rightcol{ width:72%; float:right; position:relative; background-color:#F99649; } #maincol{ background-color: #56E3E3; float: left; position: relative; width:28%; } #footer{ height:8%; background-color:#F95CAF; clear:both; display:block; overflow:auto; } /* ******************************************************************** */ /* Clearfix: http://csscreator.com/attributes/containedfloat.php */ /* ******************************************************************** */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{display: inline-block;} /* Hides from IE-mac */ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /* ******************************************************************** */ /* printer styles */ /* ******************************************************************** */ @media print{ /*hide the left column when printing*/ #leftcol{display:none;} /*hide the right column when printing*/ #rightcol{display:none;} #twocols, #maincol{width:100%; float:none;} }