Home/ Questions/Q 7863985
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T23:39:11+00:00

Is there a solid solution for implementing position: fixed that will be supported in

  • 0

Is there a solid solution for implementing position: fixed that will be supported in all major browsers?

I was so proud of my recent code, that solved all my issues in FF, until I looked at it in IE. There seem to be a lot of hacks around but some of them seem to contradict each other…

I need to position several elements on a page relative to the window.

This code works great in FF, but not in IE, even v.9. The element is supposed to be fixed in the top-left corner even when I scroll the page. In IE it scrolls up with the page content.

#myElement{
    left:0;
    top:0;
    position:fixed;
    height:35px;
    width:290px;
    background-color: #f5f5f5;
    z-index: 999
}

Thanks for your help.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As I suspected, you are using an invalid DOCTYPE which is sending IE into quirks mode. To keep IE in standards mode you need to make sure you use a valid DOCTYPE. So, if you want to use HTML 4.01 transitional it should be:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

    However, I would use the shorter and simpler HTML5 DOCTYPE:

    <!DOCTYPE html>
    • 0