Compatibility problem with IE 7
I am working on a website that I have a spacing problem with the logo. The problem doesn't occur unless I am viewing it in IE7. All other version fo IE are fine. What can I do to fix this.
P.S. I do understand that upgrading would fix the problem but considering some users still use IE7 i need it to work in it as well.
P.S. I do understand that upgrading would fix the problem but considering some users still use IE7 i need it to work in it as well.
It seams that heitht for some reason doesn't work
#header {
height: 200px;
position: relative;
width: 940px;
}
http://www.positioniseverything.net/articles/ie7-dehacker.html
#header {
height: 200px;
position: relative;
width: 940px;
}
http://www.positioniseverything.net/articles/ie7-dehacker.html
I don't have access to IE7 so can't see the problem but there are a couple of problems visible off the bat
1. the #load style specifies a height of 121px when the logo height is actually 202px
2. The logo is enclosed in <p></p> tags - which have different margin values on different browsers
So remove the <p> tags - replace them with divs if you need a block container
Then fix your style to make the logo box fit the height of the logo
1. the #load style specifies a height of 121px when the logo height is actually 202px
2. The logo is enclosed in <p></p> tags - which have different margin values on different browsers
So remove the <p> tags - replace them with divs if you need a block container
Then fix your style to make the logo box fit the height of the logo
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Forgot the link - http://www.webdevout.net/css-hacks
ASKER
Four words...I hate Internet Explorer. I put an if statment in there and it worked like a charm.
I say that no less than ten times a day. I'm glad you got it sorted.
ASKER