Position fixed in IE6...

Discussion in 'CSS' started by Stomme poes, Nov 3, 2007.

  1. #1
    I'm looking at a site I was asked to re-do. The old code uses position:fixed for the big G in the background. Funny thing, in IE6 it's also fixed.

    All I can see is that everything looks absolutely positioned and the body has image and position:fixed. How does this work on IE6???

    this is in the middle of the css:
    
    body
    {
    	background-color: white;
    	background-image: url("../images/content_background.gif");
        background-position: center;
    	background-repeat: no-repeat;
        background-attachment: fixed;
    }
    Code (markup):
    http://www.guis.nl/css/default.css

    Example page:
    http://www.guis.nl/zakelijk.php?submenu=7&page=0

    This was written a very long time ago, with various people adding stuff later. But when it was first written, I think IE6 was the only thing out there (FireFox still isn't used much in Netherlands according to our statistics).

    Now once I saw a hack for this where the body has the background image and position:fixed, but you also had to add overflow:hidden or something and the rest of the page had to be in something as large as the body (a giant wrapper) with overflow:auto to get scroll bars.
    What's going on? Was this a hack that didn't need the overflow commands?

    And no, of course the site doesn't work in any compliant browsers. It needs a rewrite (but they want me to still have the floating G in the background).
     
    Stomme poes, Nov 3, 2007 IP