O'Reilly logo

WordPress Theme Design by Tessa Blakeley Silver

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

The Layout

Let&;'s now start to get this stuff look like our sketch!

You'll notice in our XHTML markup that each of our divs has an id name: the divs that are going to be our three columns are wrapped inside an outer div called container2; the main and the left columns are wrapped in a div called container3; and the entire set of divs, including the header and footer, are wrapped in a main div called container.

This structure is what's going to hold our content together and lets WordPress display semantically with the main content first, yet lets the style allow the left column to show up on the left. This structure also insures that the footer stays at the bottom of the longest column.

In the stylesheet, I've set up my basic CSS positioning ...

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