HTML and CSS Reference
In-Depth Information
<div id="footer">
<h2><a href="#">Footer</a></h2>
<p>Lorem ipsum...</p>
</div>
Tip
: always include links within your dummy text to spot stacking context
issues.
About using body as a wrapper:
• always style
html
with a background to prevent the background of
body from extending beyond its boundaries and be painted across the
viewport.
• never style
html
with
height: 100%
or the background of body will
be painted no taller than the viewport.
THE CSS
html {
background: #9c9965;
}
body {
width: 80%;
margin: 20px auto;
background: #ffe3a6;
}
#header {
background: #9c9965;
}
#sidebar {
float: left;
width: 200px;
background: #d4c37b;
}
#main {
