Re: IE7 fixed positioning problem, even w/ie7.js from google

[AshtonSanders]

Hey man,

Let me get this straight: the purpose of this div#page_wrapper is to apply the "paper" background image on top of the body, and below the content right?

If so, I’ve got a simple solution:

This is your current code:

Code:

body
{ position: relative;
z-index: 100;
background: url(img/bkgd_FranklyBlog.jpg) fixed top center;
}

#paper_wrap /*presentational div container*/
{ position: fixed;
z-index: 100;
margin: 0 auto;
top: 0;
width: 100%;
height: 100%;
background: url(img/bkgd_paper960_leftMargin.png) no-repeat top center;
}

Change it to this:

Code:

html
{ background: url(img/bkgd_FranklyBlog.jpg) fixed top center;
}

body
{ position: relative;
z-index: 100;
background: url(img/bkgd_paper960_leftMargin.png) fixed no-repeat top center;
}

And Delete that #Paper_wrap

Also, in the future, when you want a Div to surround your entire page, start the <Div> at the top of your page, and end the </div> at the bottom of your page. That’s how HTML works ;)