Using floats to control page layout


show more Using floats to control page layout provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics show less
please wait ...

Using floats to control page layout

Although no set standard has emerged for CSS based layouts, one of the most common models is to float container level elements and then position or float the nested contents inside of these containers. Our Cheek Chastain site, will use a fixed two column floated layout with a header and a footer element and before we begin working on it site, let's do a sample layout, so that we understand the basics of using this technique. So I have the example file two_column_float_review open and you can find that in the Chapter 3 site if you are following with us. Notice that we have a header and then we have an area here in the sort of teal blue that is a content area, and below that we have a sidebar, and below that we have a footer. I am going to switch over to Code view, so that we can see the content itself. Notice that we have a wrapper div tag that surrounds the entire content and that's again fairly common. We have a header div tag, a content div tag, followed by a sidebar div tag...

Using floats to control page layout
Video duration: 3m 44s 11h 10m Intermediate

Viewers:

Using floats to control page layout provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...