homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Footer background help

 4:49 pm on Apr 29, 2011 (gmt 0)

Hi Guys,
I was working with my site and I'm having trouble with larger screen resolutions. On my screen, the footer of my site snaps perfectly to the bottom of the screen. Here is what it looks like on my screen: [getmyrank.com ]

That is also how i wanted it to look. However, on larger monitors these is what it looks like: [getmyrank.com ]

Any suggestions as to how i can make it "snap" to the bottom of the browser window without being fixed position? Thanks in advance!



 4:52 pm on Apr 29, 2011 (gmt 0)

Try this:



 9:00 pm on Apr 29, 2011 (gmt 0)

Heh, that's funny, I dealt with an identical situation just a few days ago-- but I did it using the window.innerHeight property in javascript. (Officially this only works in Firefox, but in fact it works everywhere except-- stop me if you've heard this one-- some versions of MSIE.)

Is the "width: 760" a MSIE thing? I commented it out and the page still displayed nicely in all five current Mac browsers, including rearranging itself when I deliberately messed with the window size.


 9:54 pm on Apr 29, 2011 (gmt 0)

Not sure what you mean by "width:760"?


 12:50 am on Apr 30, 2011 (gmt 0)

It's in the page source (the one Calder12 referenced) in two places, for #outer and #footer.

I was surprised the {margin-top:-32767px} didn't make MSIE explode, but I now see it's inside a :before, which the relevant versions of MSIE don't recognize. Sneaky :)

:: detour to Style Codes page to learn that smileys have to be made without noses*, darn it ::

* One forum I know of has a steady stream of unwanted Sunglasses Guys thanks to naturally occurring forms like (B) and (8).


 2:27 am on Apr 30, 2011 (gmt 0)

:-) oh nose they don't

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved