Issues in IE8.. HELP! Please :)

HTML & CSS
1

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 —

2

Cab you clarify what the problem is I can’t see for looking :slight_smile:

3

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

4

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:


#bottomline {
width:1023px;
 padding:8px 10px;
color:#000000;
overflow:hidden;
}

You can check this is what’s happening by hiding the overflow on one of the containers.

e.g.


#content{overflow:hidden}

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.

5

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 :slight_smile: