Columns, Centered, Liquid, Banner, Footer

Skills Covered

  • document flow
  • clear: left
  • padding

Estimated Work Time

  • 20 Minutes

We're going to wrap up this series by adding a header and footer, plus some padding to one of our layouts. Do this:

  1. Open columns_center_liquid.css and save it as complete_layout.css
  2. Open columns_center_liquid.html and save it as complete_layout.html
  3. Change the link to the style sheet called complete_layout.css

Before you move on, make sure your files are still connected and working properly, like mine.

Now let's create banner and footer divs:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player