Fixed Position: Footer and Sidebar

Sep 24, 2008 13:23

Paid account. Firefox 3. Using this template from thefulcrum.

I have the header and navigation in a fixed position, and I'd like to do the same with the footer. I'd also like the beta (left) sidebar to be in a fixed position. I'm not sure how to go about either of these.

Here's my CSS )

sidebar:placement

Leave a comment

Comments 2

av8rmike September 24 2008, 18:45:06 UTC
It's not too hard, thank you very much W3C Standards. Change the #beta and #footer lines to look like this:
/* left column */ #beta {position: fixed; top: 150px; left: 80px; width: 180px;}

#footer {position: fixed; z-index: 1; width: 100%; height: 40px; top: auto; bottom: 0}

Reply

themightybee September 24 2008, 19:47:08 UTC
Thanks so much! I had to edit the left padding in the #beta line, but it looks great.

Reply


Leave a comment

Up