November 2005
Beginner
256 pages
3h 28m
English
In this lesson, you will learn how to position a two-column page layout with a header and a footer. There are many ways to position these two columns. This method involves floating them both because it is the most reliable method across most modern browsers.
The HTML code for this lesson is comprised of five main containers: an <h1> element, and three <div> elements inside an overall <div> container as shown in Listing 19.1.
Example 19.1. HTML Code Containing the Markup for a Two-Column Layout
<div id="container"> <h1> Sitename </h1> <div id="nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Staff</a></li> ...
Read now
Unlock full access