I'm having issues with the right sidebar in IE8.
If you look at Firefox, Safari, Chrome the site works perfectly.
How can I resolve this issue in IE8
Brad Clark | Hamilton East – Stoney Creek —
| SitePoint Sponsor |



I'm having issues with the right sidebar in IE8.
If you look at Firefox, Safari, Chrome the site works perfectly.
How can I resolve this issue in IE8
Brad Clark | Hamilton East – Stoney Creek —


Cab you clarify what the problem is I can't see for looking![]()
www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge



Sorry about that I fixed it in IE8 but in IE7 when I checked on Adobe BrowserLab you can see the wrapper is shifted far to the right for some reason and in IE8 the text is quite large.
*EDIT Fixed the text problem I believe.
Just the issue in IE7 with the wrapper now not lining up nicely centered.
Thanks,
Mike


The IE7 problem is because you have inner elements bigger than the outer elements and it pushes things wide.
For example the container is 1023xpx but you have given some elements a 1023px and padding as well.
Here's one yof them:
You can check this is what's happening by hiding the overflow on one of the containers.Code:#bottomline { width:1023px; padding:8px 10px; color:#000000; overflow:hidden; }
e.g.
Everything click back into place with the above code. Of course that's just a band aid and not a cure to the problem so you need to go back and make sure everything fits inside the containers that they are supposed to including margins, dimensions padding and borders etc.Code:#content{overflow:hidden}
www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge



Thanks Paul,
I did this original site so long ago, so dont really want to fix everything so hopefully the bandaid will solve my issue![]()
Bookmarks