ansaurus

Question

IE7+ Position:Fixed Z-index scroll doesnt work

Answer 1

+2 A:

You are forcing IE into quirks mode because you haven't declared a doctype (http://www.quirksmode.org/css/quirksmode.html).

If you add this:

 <!DOCTYPE html>

to the very top of your HTML document then position:fixed will work as expected. That is the HTML5 doctype, short and gets the job done.

In order to get the fixed position to work in IE6 as well, you'll need to add this to your stylesheet (I'm assuming the inline stuff is just for your testing):

* html .navbar { position: absolute; }

See this page (http://ryanfait.com/position-fixed-ie6/) for an explanation.

Ed-M 2010-08-27 14:11:52

i generally have css inline all over my code, does this cause potential problems, or is it just bad practice? mostly im too lazy to transfer to a seperate stylesheet

JiminyCricket 2010-08-30 03:30:29

adding that doctype tag worked! but it also broke some of my other CSS. looks like i need to handle my css better.

JiminyCricket 2010-08-30 04:01:01

If you were relying on IE being in quirks mode then yeah, you will find that the switch to standards mode may break a few things. It will be a lot less painful in the long run though (and your pages will render in competent browsers much more consistently).Inline CSS doesn't by itself cause any problems, but it points to bigger issues. You'll find people banging on about the separation of content and style, but it really is for good reason and again will save you a lot of time and hair-pulling if all your styles are safely in an external stylesheet.

Ed-M 2010-09-01 08:33:50

ansaurus

tags:

views:

answers:

IE7+ Position:Fixed Z-index scroll doesnt work

related questions