[web] CSS Relative Position trouble

Started by
4 comments, last by shadowstryker 18 years, 8 months ago
I'm trying to make a div or table hover at the bottom of the page, so that when you scroll it stays hovering at the bottom, no matter what size the window, and no matter what resolution the user is in. Any suggestions?
Advertisement
This worked for me in Firefox:

position : fixed;bottom : 0em;
That is the proper way to do it, but neither IE 6 nor IE 7 Beta 1 support it. If you really want to do this and support IE, you need to implement Frames or ugly client side &#106avascript.

Personally, this is a case where I would just not care about what IE users see and go on with your life. IE users should be able to cope with seeing the div at the way bottom of the page, while users of any other browser can enjoy the modern conveniences of CSS.
Give this a shot:

http://tagsoup.com/-dev/null-/css/fixed/
Thanks,

I'll try the code for Firefox shortly, I got it kinda working in IE, but not that well...think I may need to look into using &#106avascript for it (no chance of using frames, believe position should be done using CSS).
Quote:Original post by Tesseract
Give this a shot:

http://tagsoup.com/-dev/null-/css/fixed/



wow, thanks!! using their example my page now works just using CSS, only &#106avascript command in it now is a content.focus() for when IE is concerned :D

This topic is closed to new replies.

Advertisement