asked on

Internet Explorer Debugging - Odd margin

Hi,
I would be very grateful if somebody could help me debug a website that is almost ready to go live. It's my old friend Internet Explorer (all versions) causing headaches.

There is an odd 8 to 10 px margin along the right edge of my main content div on all pages of the site. I cannot for the life of me find what is causing it and of course, IE is the only browser that has the issue. I have tried various "Holly hacks" and the 1% hack and checked and checked again that it does not have a margin specified anywhere in the code but I just can't see the solution.

There is also an odd gap appearing between a shadow detail (a repeated jpg file) and the main picture at the top of a number of the pages. Check it in the different browsers and you'll see what I mean.

The url is:

http://www.yethouse.co.uk/testing

Thanks!

scrathcyboy

"It's my old friend Internet Explorer (all versions) causing headaches." On his death bed, right?

First of all, you have NO BODY tag for the page. So insert this immediately after the </HEAD> tag --

<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
Put the closing </BODY> tag at the end of the file.

You will see that the right margin persists from the very outset, well before the image. The body tag I gave you will tell all browsers to leave no gap at all for a buffer around the content. This may not suit your taste, but once you've eliminated the gap, you can always adjust 0 to whatever pixel space you want.

tigerchicken

ASKER

Of course there is a body tag. Please see line 35 of the index.php

<body id="home">

I tried your code and it makes no difference but thanks for looking anyway.

ASKER CERTIFIED SOLUTION

remorina

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION