CODEWITHSUNDEEP
cssscrollfooterfixed
vitaliandesign
vitaliandesign

Reputation: 31

Fixed Footer Below Div on Horz Scrolling Website

I have a site with this basic markup -->

Header (fixed position) Content Area (598px high) - Horiz scrolling, generally around 5000px wide Footer

I need for the footer to sit BELOW the content area but to also stay fixed positioned center in the browser like the header. An example of what we want is here: http://www.woodberrykitchen.com

This is the site we are working on: http://starprovisions.com/dev/bacchanalia.html

Can anyone help? Is it possible to have the footer div sit below (not cover up) the content area but also stay fixed positioned?

Upvotes: 0

Views: 337

Answers (1)

Jezen Thomas
Jezen Thomas

Reputation: 13800

I tried this directly in the browser and it worked just fine.

#footer {position: fixed; width: 100%;}
#footer table {margin: auto;}

It seems you're fiddling with the site as we discuss it. As of 18:58 GMT+1, you should remove the height declaration from #container.

Upvotes: 1

Related Questions