Please write these topics as clear headings in your notes. Draw diagrams and give examples where appropriate:

• flow and float
• clearing up overlaps
• liquid, frozen and Jello designs
• absolute positioning
• z-index
• fixed positioning
• relative positioning

CSS 5 : Layout and positioning

Get Set Up

1. Copy the CSS 5 folder from the Outbox.
2. Paste it into your root folder.
3. Rename it "lastname CSS 5 ", where lastname is your actual last name.

In the CSS 5 folder, you will find:

1. The CSS 5 lesson in PDF format
2. Four separate Web site folders:
   • absolute
   • lounge
   • starbuzz
   • three column

Exercises

1. Read pages 487-542 of the Lesson.
2. Complete all the exercises.
3. Check your HTML files in the W3C Validator.
4. Check your CSS files in W3C's CSS Validator.
5. Your final "index.html" page in the "starbuzz" folder should look like the image below.
   
6. Your final "index.html" page in the "absolute" folder should look like the image below.
   

Turn in Your Files

1. In My Documents, navigate down into your root folder.
2. Right-click on your "lastname CSS 5" folder and select Copy.
3. Navigate to the Inbox.
4. Right-click on the "CSS 5" folder and select Paste.