Tuesday, December 6, 2011

How to keep a footer image at 100% when there is a horizontal scroll bar?

If I have a footer at 100% so it fits the screen, how do I keep it going all the way across when a scroll bar appears? I think the issue is that the 100% is actually the size of the window, so for example if my site is 900px wide, the footer looks fine at full screen. but if I shrink the window to 700px, then I get a horizontal scroll bar, but the footer (at 100%) is really staying at 700px the size of the window, so when I scroll to see the rest of the page horizontally, the footer moves with the scroll bar and shows white space as I scroll. anyone know a way around this?





only example I can find online is mozillas website: addons.mozilla.org/ , if you go to it and resize the window from left to right until you get a horizontal scroll bar, you can scroll to the right and see the white space Im mentioning.|||Browsers generate scrollbars whenever content on the web page exceeds the browser's viewport size being used by the user. This is normal





Choosing Dimensions for Your Web Page Layout:





In Search of the Holy Grail: http://www.alistapart.com/articles/holyg鈥?/a>


http://www.elated.com/articles/choosing-鈥?/a>


How to create flexible sites quickly using standards like CSS and XHTML: http://www.ibm.com/developerworks/web/li鈥?/a>





960 Grid System: http://960.gs/





Care With Font Size: http://www.w3.org/QA/Tips/font-size





Ron

No comments:

Post a Comment