I.E. CSS Incompatability • position: absolute;

[Stryker]

Most of you who work with CSS probably know already that there is an incompatability with "position: absolute;" and > IE5. I have looked at every resource Google could find and I still can't get it to work with any hacks.

Does anyone know of a fix or a hack that is currently working for them in > I.E. 5? All I'm trying to do is put a stationary table at the bottom of a page with some links inside of it that doesn't move when scrolling. One nice thing... it looks fantastic in all the other browsers!!

Thanks folks!
Stryker

[mairving]

Only 2 options,
1.) Don't use position: absolute, either by browser detection or by recoding without it.
2.) Don't worry all that much about it. The percentage of users running IE less than V5 is quite small.

[Stryker]

Originally Posted by mairving Only 2 options, 1.) Don't use position: absolute, either by browser detection or by recoding without it. 2.) Don't worry all that much about it. The percentage of users running IE less than V5 is quite small.

Hi marving,
Actually it's greater than IE 5, which is why I'm concerned because our primary user base is on 5.5 or 6 (it's for the company Intranet). As far as I can tell from my "Googling", it's a known bug with the latest versions of IE, but there isn't a fix for it yet.

This is a page that I found which seemed to have the best solution, but I couldn't get it to work (I'm sure I'm just doing something wrong because I've seen a couple of examples that work). I'll keep playing with it and maybe I'll get lucky.

Thanks,
Stryker


EDIT: MY APOLOGIES!!! I just realized my title says position: absolute;, but the actual IE issue is with position: fixed;
Very sorry for the confusion.

[Stryker]

Here's a sample page in case you aren't sure what I'm referring to.

If you have I.E. and another browser installed (like Firefox, Netscape, Opera, etc...), open the following link in both browsers and you will see the difference.

http://www.c2imaging.com/temp/pcmech/testpage.htm

When opened in I.E. the small group of cells sits at the top left and doesn't follow the position: fixed; at all. The result you get in the other browsers is what should be happening, where it floats around the middle of the page.

Thanks again folks,
Stryker

[9600baud]

I'm dont have a solution for you but I think I know what you want. You're trying to design one of those "floating menu" things that stay there regardless of how much you scroll down right?

Although not a solution, are you sure you want to implement that? I've seen it in some sites and find it extremely annoying. But if you must, I've seen it in IE (actually thats all I use really) so its do-able. I'm pretty sure its not a CSS style thing so its not that simple, I'm guessing it involves JS and calculating how much page is scrolled etc...

Good luck.

[Stryker]

Originally Posted by 9600baud I'm dont have a solution for you but I think I know what you want. You're trying to design one of those "floating menu" things that stay there regardless of how much you scroll down right? Although not a solution, are you sure you want to implement that? I've seen it in some sites and find it extremely annoying. But if you must, I've seen it in IE (actually thats all I use really) so its do-able. I'm pretty sure its not a CSS style thing so its not that simple, I'm guessing it involves JS and calculating how much page is scrolled etc... Good luck.

You are correct that you can do it with Javascript, but it can be done with CSS. The Javascript versions end up very complex and bloated and this is for a company intranet so it can't be too complicated (I don't want to maintain it for the next 3 years). I know what you mean though about the annoying menus some sites have. Don't worry, It's just a very small and unobtrusive bar at the bottom of the page with some links in it.
Thanks,
Stryker