Updating the Page

by Tony Hung on June 9, 2006

Cleaned up the sidebar:

* added “download” link for guide
* cleaned up “categories” and stuff — removed bullets and indenting (removing extraneous ULs)

Also, figured outa “proper” footer

*Challenge: creating a “background” which fits the entire width of the screen, which, unfortunately, is currently outside the “wrapper”

*Solution:

Create a second wrapper “total_wrapper” which is width 100%, around the normal “wrapper”, which is set at 800px and centered.

THEN:

Make sure all of the below is OUT of the “inner wrapper”, which is just called “wrapper”, but still inside of the “total_wrapper”.

THEN … creating “Nested” divs for a single footer: an “outer_footer”, which is set to a width of 100% … it will match the edges of the “total wrapper” (which is already 100%), and an inner footer, which is just called “footer”, which is defined EXACTLY as the “wrapper” width … 800px and margin: auto.

If you set the background color of the outer_footer to whatever you like, you can give the appearance of a bottom-half where the text, set in the inner footer (“footer”), appears to be centered and aligned with all of the rest of the website

VOILA!

NB: Make sure to write “clear: both” for the footer div, so that it doesn’t end up below the “sidebar”, but truly below BOTH content and sidebar divs.

Leave your comment

Not published.

If you have one.

Powered by WP Hashcash