HTML and CSS Reference
In-Depth Information
Figure 14-18.
IE 6 plays nice after a few quick hacks.
Adding the Subnav
The last thing our layout needs is a list of links within the third column. The markup (another
unordered list) goes at the top of the third column in the source:
<div class="third-col">
<ul class="subnav">
<li><a href="somepage.html">Link</a></li>
<li><a href="somepage.html">Link</a></li>
<li><a href="somepage.html">Link</a></li>
<li><a href="somepage.html">Link</a></li>
<li><a href="somepage.html">Link</a></li>
</ul>
...
</div>
Then we add a few rules to our main style sheet:
ul.subnav {
float:right;
list-style:none;
width:150px;
