IE Not Rendering CSS Properly

August 22, 2005 9:46 AM

Troubleshooting CSS: I'm working on a site that renders properly in all tested browsers, except (and who'd have guessed it) IE. Here's the link to the site Here's a link to the style sheet

I've looked at this for the last few days, and I'm sure it's something obvious... but I'm just not seeing it.

My goal with the code is to use POSITION to allow me to place content at the top of the HTML document flow... but IE refuses and appears to be ignoring POSITION declarations, rendering the page components in the order their found in the document.

Any suggestions?

posted by silusGROK to Computers & Internet (5 answers total)

Internet Explorer does not do position: fixed. It does do position: absolute, though support for that is mixed.

You could try slapping up IE7 on your page. It's a JS script that adds support for lots of advanced CSS constructs to Internet Explorer—thus "IE7".
posted by Khalad at 10:02 AM on August 22, 2005

How about using an iframe instead, since that seems to be the effect you're going for?

Not what I would do though -- I would just make it a regular page with (the whole page) scrolling. Your user is going to have to scroll either way.
posted by geeky at 10:14 AM on August 22, 2005

Response by poster: Egad.

No support for FIXED?

* shakes head *

Well... looks like I have some work to do.

Any other ideas?
posted by silusGROK at 11:21 AM on August 22, 2005

• position:fixed in Internet Explorer
• Making Internet Explorer 5.5+ use position: fixed;
• Fixing position:fixed for Windows Internet Explorer
• Fake position:fixed for IE6

posted by kirkaracha at 11:48 AM on August 22, 2005

Response by poster: And this (for people who happen across the question later), is from CSS: The Definitive Guide (OREILLY):

A javascript-based hack

A discussion on CSS-only work-arounds

Thanks everyone.
posted by silusGROK at 12:05 PM on August 22, 2005