: Website only displays correctly in IE using compatibility mode? As the resident "IT Whiz" at work (ie: I know how to use a computer) I've been asked to develop a website for our small business.
As the resident "IT Whiz" at work (ie: I know how to use a computer) I've been asked to develop a website for our small business. I've altered a wordpress theme for the time being and the company is very happy with the results. The only problem I am having with it at the moment is that for some reason the website does not display correctly and Internet Explorer unless I run it in Compatibility Mode.
The main problem that I have is that my menu "slider" (it rotates pictures with links to articles etc) does not display at all, neither does the top menu they are just blink text based links.
Even with Compatibility Mode enabled the slider and menus come back but the page is not centered unlike on both Firefox and Chrome. My googling has suggested the most common cause of this is old code but I'm not sure where to be looking. Is it likely in the css file or the actual php?
Also any ideas on how to trouble shoot the cause of this? As in is there some dev tools or debugger I can use that would highlight "broken" code for me?
More posts by @Jessie594
2 Comments
Sorted by latest first Latest Oldest Best
Fixing your HTML validation errors will actually bring you a long way to solving your problem. There are probably only about 4 "critical" errors, and most of the others are as a result of these few.
To get you started...
Line#10 - You have an erroneous double quote inside your content attribute:
<meta name="viewport" content="width=device-width, initial-scale="1.0" />
Line#109 - You appear to have an HTML comment inside an HTML comment - as a result of attempting to comment out a block of HTML. The comment is started on line#99.
</div><!-- #search -->
Close the comment first...
</div> --><!-- #search -->
Line#216 - 219 - You are nesting ps inside ps and appear to have a p mismatch.
Line#270 - You are attempting to link a stylesheet in your footer. This must go in the <head>...</head> section.
You've currently commented out your XHTML DOCTYPE. This will be triggering quirks mode in IE. You need a DOCTYPE. Probably <!DOCTYPE html> would suffice.
A good starting point would be a code editor with validation. One example would be Aptana Studio 3 which has many tools to analyze your code. It's free so it's worth the download www.aptana.com/
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.