Solved

Compatibility problem with IE 7

Posted on 2011-09-26
7
248 Views
Last Modified: 2012-05-12
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.
0
Comment
Question by:thebradnetwork
7 Comments
 
LVL 6

Author Comment

by:thebradnetwork
ID: 36601283
The site link is a follows: http://www.opelikaschools.org/carver
0
 
LVL 9

Expert Comment

by:user_n
ID: 36601694
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
0
 
LVL 52

Expert Comment

by:Julian Hansen
ID: 36601800
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
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 16

Accepted Solution

by:
s8web earned 500 total points
ID: 36709230
<link rel="stylesheet" type="text/css" href="/carver/templates/awesomeness/css/content-narrow.css" /> is in the body, not the head. This might not be causing your problem, but I've seen stranger things happen.

IE7 is horribly non-compliant with standards. Trying to wrap your head around why things are different in IE6 and 7 is like trying to make sense of crazy.

There are two quick and easy fixes. You could use the # hack to target IE7. Here's an example:

#somediv{
     margin:0; /*targets all browsers*/
     #margin:5px /*Would override for IE7*/
}

For more on css hacks -

Some people will argue that this is not clean markup. The more "acceptable" method is to link a separate stylesheet for IE7 with a conditional comment.

http://www.quirksmode.org/css/condcom.html 

My take is - unless you have a bunch of rules that you need to override, a conditional stylesheet is overkill and more cumbersome to maintain.
0
 
LVL 16

Expert Comment

by:s8web
ID: 36709254
0
 
LVL 6

Author Closing Comment

by:thebradnetwork
ID: 36710136
Four words...I hate Internet Explorer. I put an if statment in there and it worked like a charm.
0
 
LVL 16

Expert Comment

by:s8web
ID: 36710496
I say that no less than ten times a day. I'm glad you got it sorted.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

#Citrix #Internet Explorer #Enterprise Mode #IE 11 #IE 8
This article discusses four methods for overlaying images in a container on a web page
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now