Re: [Solved] IE7 Layout – Sidebar Floats Too Far Right

[AshtonSanders]

Hi, first a fix, then some notes.

1) Change you #sidebar to be "margin:0" and add "right:0;"
2) Delete the #footer-burst element and add the background image straight to the Footer div:
background: #9B9F9F url(burst.png) no-repeat 420px 0;
You’ll also need to fiddle with some other footer elements to get them back in the box.

Let’s look at this real quick:

Code:

#sidebar {
float:right;
margin:0 0 0 650px;
padding:0;
position:absolute;
top:235px;
width:260px;
}

The main note is that Float:right won’t affect a position:absolute (or relative).
If you are using position: absolute, USE IT to position the element. Use Left, right, top, and bottom; Don’t use margin, padding or float.

Hope that helps.