Share this Page URL

Lesson 19. Positioning Two Columns with a Header and a Footer - Pg. 117

117 Chapter 19. Positioning Two Columns with a Header and a Footer 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 be- cause it is the most reliable method across most modern browsers. Setting Up the HTML Code 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