Jack Nilan            EMail : jacknilan@yahoo.com

Creating Pages with CSS and Floating our Divs

  1. If you look at the following page cssfloatslesson.html you will see that the page is split into 5 parts :
    • A Header
    • A left column
    • A main body
    • A right column
    • and a footer

    You do not have to have all 5 parts. You can play with changing the colors and background styles. Right mouse click and view the source. You can copy it and put it on a page of your own. You can put links on the top, left or on the bottom. You can even add another div under the header for links if you want to. Note : the ids in the tags in the divs on the page are just there so you can see what where each div is going to display.