Don't slip into that great dark footer…
January 28, 2011 12:43 PM   Subscribe

A menu using the CSS "fixed" property stays in place as it should on this page, except when the browser window is smaller than my gloriously large screen allows. Then menu disappears behind the footer as one scrolls to the bottom.

I fixed this in the CSS for Safari by defining the position from the top and to the bottom of the menu but the problem remains in Firefox. (Working on a Mac here but this needs to work on Windows and IE as well.)
posted by Dick Paris to Computers & Internet (5 answers total)
 
What exactly do you want it to do? The footer is going to clash with that menu no matter what if you scroll to the bottom. You could maybe mess with z-index and opacity to try to get it to appear on top of the footer, but that wouldn't look good either.
posted by kmz at 12:56 PM on January 28, 2011


Yeah, I adjusted the z-index of your footer and of the menu in Firebug to see, but either way, you're going to have problems with a fixed position. Something you want shown will disappear behind something.
posted by katillathehun at 1:01 PM on January 28, 2011


I'm not sure it's compatible with "fixed," but I would use a margin-bottom there.
posted by rhizome at 2:25 PM on January 28, 2011


Have we reached the point where few enough people are using older versions of IE that Position-fixed is usable without a pile of hacks and workarounds?

Position-fixed has worked on a Mac for a long, long time. Good luck with it on IE for anyone who isn't running Windows 7.

Your CSS goes crazy in IE on XP.
posted by 2oh1 at 4:22 PM on January 28, 2011


Response by poster: Thanks, everyone. I've removed the fixed menu element. I keep going back and forth on this issue and, as 2oh1 points out, I might still have a number of viewers for whom that idea does not work at all.
posted by Dick Paris at 2:34 AM on January 29, 2011


« Older Name my blog babby   |   Please help translate these sentence from a short... Newer »
This thread is closed to new comments.