Hi everyone. Site displays fine with Chrome,
having problems with IE9-11
I also am struggling identifying what’s wrong with the 5 errors when I validate the page: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sntravel.co.uk%2F&charset=(detect+automatically)&doctype=Inline&ss=1&outline=1&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices#line-54
The validator error is because in your <head> section you have an <img> tag. That’s invalid. Remove that. The errors are self explanatory.
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=371102703056901&ev=PixelInitialized" /></noscript>
Before I look in IE9-11 could you please explain what the issues are? Get it validated then I’ll look.
You are lacking Microsoft’s “compatibility mode switch” which might explain the Internet Explorer behavior. Take a look at this article - hopefully adding the meta tag or, better, adding to the HTTP header will fix the problem:
Cordially, David
hi Ryan
Line 504, Column 18: Unclosed element nav.
<nav class="blog">
Error Line 574, Column 6: Stray end tag nav.
</nav>
Error Line 697, Column 6: Stray end tag div.
</div>
why are these end tags not being picked up?
EDIT
This post has been reformatted by enclosing the inline code with backticks
`
before and after the code.
Without looking at the code I’m going to guess it’s a situation like this
<div>
<nav>Item
</div>
</nav>
Tags must be closed in the reverse order that they were opened.
<div>
<nav>Item</nav>
</div>
Chrome is more forgiving of these sorts of errors than IE, but IE doesn’t have anything wrong with it.
ohhh I see, thanks.
The IE error was due to compatibility mode on for some work reasons.
Only one problem now with Firefox.
For some reason it picks up a media query for screens width of less than 1900px while chrome guesses correctly for screens 1900+
case closed 
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.