There are a few ways to make a web 2.0 header and footer one way is to use a fixed background image but this leads to problems when trying to figure out the height of your website / page. Another way is to have two layers set to 100% out side of your container so that it expands 100% accross the screen but this also causes problems with smaller screen sizes which if you have lots of images in the header or footer they will be forced down making the page fall apart in apearence. The way I will show you is to use a mix of both if you look at the top of this page you will see that we use this method having a background image to repeat-x giving the impression of filling the page top 100% while the layer realy is only 780px in width. Web 2.0 designes are more used on blogs but its down to prefered taste with web design there is no right or wrong way to design a site.

    View Tutorial

Detailed Information      Tutorial: How to make a web 2.0 header and footer      Date Listed: 2008-05-03      Submitted By: audiomad      Total Hits: 3821      Rating (60 votes)

•  Discuss Tutorial   •  Comment On Tutorial

•  View Tutorial   •  Report Broken Link