Content Shifting In Internet Explorer

HTML & CSS
1

Hi,

I am the owner of http://www.photro.com and our website works in most browsers except Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Internet Explorer 9.

The issue is that the menu on the top of the page (HOME ABOUT US…) shift to the right and the website shifts to the left.

Any help to fix this would be greatly appreciated.

Thanks!

2

I’ve checked IE 8 and 9 and it works fine in both of those—no shifting left/right at all that I can see.

EDIT: O, and Welcome to SitePoint. :slight_smile:
Also, it seems this is really a CSS question, so moved to that forum.

3

Thanks for the reply

Yes sorry it seems to work in 8 and 9 but not in internet explorer 6 and 7.

Any help would be appreciated.

Thanks again :slight_smile:

4

only had time for a quick look but it appears to me that the navigation shifts to where it would be in ie7 if not for the following css for “content”

margin-left: -500px;

Not sure why you are placing all your content with such a large negative?

you could try adding

zoom:1;

to your topnav css and see whether that fixes the shift in ie7.

5

Hi,

The menu is mis-placed because you have provided no left co-ordinates which means it will be placed wherever the browser thinks it is at the time and in IE7 and under that is affected by many things including text-alignment.

You simply need to add left:0 to the menu.


#topnav { left:0;}
6

Thank you for the reply. The menu is now working correctly but the page still shifts right to left. Any help would be greatly appreciated. :slight_smile: