HTML and CSS Reference
In-Depth Information
The base HTML structure for
#header:
<div id=”header”>
<div class=”container”>
<div id=”logo”>
</div><!-- end #logo -->
<div id=”menu”>
</div><!-- end #menu -->
<div class=”cl”></div>
</div><!-- end .container -->
</div><!-- end #header -->
The structure is pretty simple so far, isn't it? Your
move now is to add the logo and the menu.
The
#logo
and
#menu
will be positioned on the left
and, respectively on the right (
also automatically by
F2fw; more about this on the next page
).
The
div.cl
comes after the
#menu
and clears the floats
of those containers with the
clear:both;
property.