Simple Float Layouts with CSS

Tue, Nov 23, 2010

Objective

Use CSS floats to create a simple floated 2-column layout

Agenda

  1. Create a new file named "float-layout.html"

  2. Add a wrapper, header, maincontent, sidebar, and footer

  3. Set a width for the maincontent and sidebar and make them float to the left and right, respectively

Rubric

5Create a new file named "float-layout.html"
3Float the maincontent and sidebar
2Add colors to the different divs