Welcome to WebmasterWorld Guest from 54.196.244.206

Forum Moderators: not2easy

Message Too Old, No Replies

Footer background help

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

New User

joined:Feb 14, 2011
posts: 9
votes: 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)

New User

joined:Mar 15, 2011
posts:6
votes: 0


Try this:

[sitepoint.com...]
9:00 pm on Apr 29, 2011 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

joined:Apr 9, 2011
posts:12696
votes: 244


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)

New User

joined:Feb 14, 2011
posts: 9
votes: 0


Not sure what you mean by "width:760"?
12:50 am on Apr 30, 2011 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

joined:Apr 9, 2011
posts:12696
votes: 244


It's in the page source (the one Calder12 referenced) in two places, for #outer and #footer.
{width:760px}

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)

Senior Member from FR 

WebmasterWorld Senior Member leosghost is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Feb 15, 2004
posts:6717
votes: 230


:-) oh nose they don't
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members