Lab 4: Positioning with CSS

Lab 4 Files

required files

To save typing time, the text content of lab4.html is available online.

Use HTML and CSS to create a 3 column layout

Create the web page shown below with a top banner section, 3 columns, and a bottom footer section

Screen Snapshot

lab4.html screen snapshot
lab4.html screen snapshot

Colors Used

The page use the following color scheme:

#1E3C3C #4D5D2E #633232 #FFFFFF #858585 #5C5C5C #CCCCCC





















top banner area bottom footer area left navigation area center main content area right advertisement area advertisement box & navigation link left border navigation link background color

All text on the page is formatted using the sans-serif font family, either white or black, and kept at its default size and font weight.

Headings and paragraphs are used to contain the text. Margins and paddings are used to add vertical and/or horizontal space between elements. Do not use <br /> elements to add vertical spacing.