Creating a 2-column design with float

Create a Diagram

Determine the overall design. Make sure to specify colors, widths, borders.

Break page into logical sections based on MEANING.

Build a named div around each section in HTML. Give each section an ID attribute.

Highlight each div with a border

Borders will help you see how page is really laid out

Float the menu left

To begin a multi-column design, float menu left and set width and border according to diagram

Adjust corresponding panels

When an element is floated, other elements still extend underneath it. Change the width and margin of the content div to adjust