Accessibility

Dreamweaver Article

 

Applying CSS from Screen to Print to Handheld – Part 3: Columns and Footer


Adrian Senior

Adrian Senior

www.webade.co.uk
www.communitymx.com
www.ukcsstraining.co.uk

Table of Contents

  1. Introduction
  2. Laying Out the Main Content Area
  3. Adding the Divs to Your Page
  4. Adding the Footer Div
  5. A Refresher on Clearing Floats
Comments
Created:
9 January 2006
User Level:
Beginner

In Part 3 of this tutorial, you begin to form the structure of the main content area. This section is comprised of three columns that you will lay out with divs; you will use the float method to position the left and right columns. You will also learn how to add a footer to hold your copyright information. Along the way, I will inroduce you to the new CSS Layout Background functionality in Dreamweaver 8.

In Part 4 of this series you'll begin to style and add content to each of the divs, and in Part 5 you'll take your CSS a step further and begin to make your layout cross-browser compatible.

Requirements

To complete this tutorial you will need to install the following software and files:

Dreamweaver 8

Fireworks 8

Third-Party Software

Sample files:

Prerequisite Knowledge

Page 1 of 5
Next Page

About the author

Adrian Senior owns the UK-based web design agency Webade, which has been in business since 1998. He is also a member of Team Macromedia and a partner at Community MX. The year 2004 saw Adrian's first trip to America, where he visited Orlando and delivered two sessions at the TODCon conference.

Adrian also provides training courses for companies who need to train their designers how to build compliant, accessible web sites using CSS and xhtml.

He's been married to his wife, Janette, for 24 years and has two children, Antony and Eleanor.