"position: fixed" for "scrolling" side menu works OK in FF but not in IE

Need help? Check out our Support site, then

WordPress.com Forums » CSS Customization

"position: fixed" for "scrolling" side menu works OK in FF but not in IE

myweblogtv
Member
Dec 15, 2008, 4:50 PM
Hi,

I'm customizing the Sapphire theme. I've put in a graphic menu pad at the right-hand side, and would like it to scroll down the page as the page scrolls.

The code below works fine with FireFox and Chrome, but the menu pad is no where to be seen in IE7 (I'm not even bothering to sweat about making it work with IE5 and IE6):
```
#sidebar {
position:fixed;
margin-left:533px;
margin-top:10px;
margin-bottom:10px;
font:1.2em Verdana, Arial, Sans-Serif;
color:#000;
padding:0;
}
```
Would anyone have the solution by any chance? Thanks in advance if so :)
devblog
Member
Dec 15, 2008, 5:21 PM

a link to your blog would be helpful
vivianpaige
Member
Dec 15, 2008, 5:46 PM

It's in his username ;) (And yes, it is a wp.com blog)
devblog
Member
Dec 15, 2008, 7:58 PM

Hmmm... I thought it wasn't there before, that's why I asked...

"position: fixed" doesn't work on IE6, and supposedly IE7 should support it but it doesn't... it's still buggy.
myweblogtv
Member
Dec 16, 2008, 4:11 AM

We don't get access to WordPress' HTML/PHP files on wordpress.com, or it would be easy to use a conditional comment to use a different style sheet for IE (or each of its different versions).

But is there a way to hack the CSS to do the same thing?

"position: fixed" doesn't work on IE6, and supposedly IE7 should support it but it doesn't... it's still buggy.

If I recall correctly, IE7 supports "position: fixed" in its "quirks mode", but how can I kick IE into quirks mode when it parses my CSS?

Thanks in advance for any ideas/suggestions. :)
thesacredpath
Staff
Dec 16, 2008, 5:03 AM

This is just a suggestion, but I stay away from things that would require visitors to modify browser settings, such as changing to "quirks mode" in order to properly view my blog.
myweblogtv
Member
Dec 16, 2008, 6:00 AM

This is just a suggestion, but I stay away from things that would require visitors to modify browser settings, such as changing to "quirks mode" in order to properly view my blog.

Well, I was hoping to find a solution involving conditional code inside my style sheet.

I'll keep thinking, and will post the answer here if I find one.

In any case, thanks to you guys for your responses, and if anyone else has some input then I'd be grateful. :)