Colored boxes - Step 4. Mark-up the containers
Create some empty <div> elements to reflect these containers. For example:
<div id="container">
<div id="header"></div>
<div id="mainnav"></div>
<div id="menu"></div>
<div id="contents"></div>
<div id="footer"></div>
</div>
A note on doctypes
Make sure you are aware of the doctype you are using as this will affect the way that browsers render the layout. You don't have to use standards-compliance mode, but you should be aware of what it is and how it will effect the layout.
