O'Reilly logo

Eric Meyer on CSS: Mastering the Language of Web Design by Eric A. Meyer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Laying the Groundwork

The project is, as usual, fairly short, but this time it has a somewhat unusual structure. There are two main sections to the text—each wrapped in a div element—and a final div for the footer. In addition, the menu comes partway through the page. Listing 10.1 shows the basic page skeleton, and Figure 10.1 shows the page with temporary borders set for all the div elements.

Figure 10.1. The project file in its raw, barely styled state.
Listing 10.1. The Page’s Basic Structure
<body> <div class="wrap" id="p1"> </div> <div class="wrap" id="p2"> <div id="menu"> </div> </div> <div class="wrap" id="footer"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required