IE condition CSS include

Question

Hy there...

I have a problem with Internet Explorer conditional comments...

I use this condition

<!--[if lte IE8]>
<link rel="stylesheet" type="text/css" href="http://www.bvp.hr/Static/Style/IEFix6.css"/>
<![endif]-->

The problem is that in < IE8.0 i get output  before any other output... Why?!? In Firefox it is rendered normaly (afkors).

score 6 · Answer 1 · answered Aug 17 '10 at 15:24

6

I believe all you need to do is add a space between IE and 8, so it looks like this:

<!--[if lte IE 8]> 
<link rel="stylesheet" type="text/css" href="http://www.bvp.hr/Static/Style/IEFix6.css"/> 
<![endif]-->

answered Aug 17 '10 at 15:24

derekerdmann

17,696
11
76
110

score 2 · Answer 2 · answered Aug 17 '10 at 15:25

<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->

In the example above, theres a space between IE and 6. Just do the same for IE and 8:

<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="http://www.bvp.hr/Static/Style/IEFix6.css"/>
<![endif]-->

score 0 · Answer 3 · answered Aug 17 '10 at 15:30

See above plus the comments at the top of your code will force IE into Quirks Mode which will make the rendering of the page poor. Remove these comments:

<!-- UUIDM component start --> 
<!-- Page generated by UUIDM component - part of WebSuite application platform. Copyright (C) Determinanta. All rights reserved. -->

IE condition CSS include

3 Answers3