asked on

div aligns different in IE7

Hi,

I have a div with a class "content-home" which seems to appear differently in IE than chrome, although the widths and margins are all the same, i thought it might be a div thats not closed somewhere but i cant find it :/

Hope you can help

URL:http://www.bluebean.org.uk/rollerbanners/shop/roller-banners/barracuda

I have set the background color to grey to try and make it easier to see the div

Thanks

LZ1

There is a closing </div> tag right before the doctype in the source code. Try removing that first and we'll go from there.

COBOLdinosaur

What exactly is the issue? You will probably have to post a screen shot as I don't think most experts still anything as old as IE 7 still installed.

Cd&

LZ1

The problem is that closing div tag at the top of the source. IE is going into Quirks. Once this is removed it looks great.

Andy6350

ASKER

Someone else pointed the closing </div> tag at the top and i have now idea how it got there as when i look at the file its not there, im using wordpress and at the top of the PHP header file is no closing div tag :-/

It happens in IE8 too

I have attached a screenshot of the problem

Thanks,
Screen-shot-2011-12-05-at-21.06..jpg

LZ1

Start by disabling your plug-ins 1 by 1. Then refresh each time. Once IE straightens out you'll know which plugin it is. We can then assist you with killing that closing div tag.

Andy6350

ASKER

Ok, I started disabling plugins 1 by 1 and when i disabled the woocommerce plugin the closing div at the top disappeared!

So its that plugin thats putting it there, now i need to get rid of it :-/ any ideas.

Thank you very much :)

ASKER CERTIFIED SOLUTION

LZ1

membership

This solution is only available to members.

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

Start Free Trial

Andy6350

ASKER

I updated the plugin and it fixed all the errors.

Thanks for all your help