HTML and CSS Reference
In-Depth Information
margin-right: -200px;
position: relative;
}
#footer {
clear: both;
}
The negative margin on both sides of
#header
and
#footer
stretches the
two boxes outside of the wrapper's content box.
clear:both
makes the
footer clears all the columns. This is step three.
Once again, the
position
declaration is for IE 6. Just remember to always
position elements that you o
"
set.
WHAT'S NEXT?
You know the drill. We insert a base styles sheet in the document:
<link rel="stylesheet" type="text/css" href="http://
tjkdesign.com/ez-css/css/base.css">
and add the usual:
html {
height: auto;
}
body {
border: 1px solid #efefef;
}
#header,
#main,
#sidebar,
#footer {
padding-bottom: 2em;
}
