how to keep conditional CSS statements for internet explorer in Express (Node.js) template

Question

I am trying to put conditional statements for internet explorer in my EJS template. It remains as comment in my ejs file. I tried below 2 approaches.

<!-- [if gte IE 8 ]>
<style>
    .cs-fixed-header-table {
        height: 500px;
    }
</style> 
<![endif] -->

AND

<!--[if gte IE 8 ]>
    <link rel="stylesheet" href="IEstyle.css">
<![endif]-->

Anyone of these does not work. What can be done to achieve this ?

Thanks in advance.

Just to be sure; does the conditional comments get through to the source of whats returned from the node server? — Emil Ingerslev, Jul 17 '15 at 06:43
Alright, then its nothing to do with either templating or server, but its simply a browser problem. How do you test the problem? — Emil Ingerslev, Jul 17 '15 at 07:08
When I add a comment described above specifically for Internet exporer in my *.ejs file, then CSS class does not seem applied. — Alpesh Prajapati, Jul 17 '15 at 07:23

score 1 · Accepted Answer · answered Jul 17 '15 at 11:44

1

Conditional comments are not supported by newer versions (IE10+) of Internet Explorer, see here.

So if you really want to handle IE10 or IE11 differently then I'd recommend you do it either through different responses handled by the server or using javascript on the client.

answered Jul 17 '15 at 11:44

Emil Ingerslev

4,645
2
24
18

hey thanks man....it gave a way to go on. I tried media query mentioned at http://stackoverflow.com/questions/19446584/why-doesnt-internet-explorer-11-honour-conditional-comments-even-when-emulating and it worked. Do Check the answer given by cmartin. – Alpesh Prajapati Jul 17 '15 at 12:12
Oh yeah of cause media queries could also be used :) And glad I could help. – Emil Ingerslev Jul 17 '15 at 12:17

how to keep conditional CSS statements for internet explorer in Express (Node.js) template

1 Answers1