CODEWITHSUNDEEP
htmlinternet-explorerbrowserinternet-explorer-6conditional-comments
federicot
federicot

Reputation: 12341

About HTML conditional comments

I'm trying to display a span A if the browser is IE 6 or lower or a span B if the browser is greater than IE 6 or is not IE.

<!--[if lte IE 6]><!--><span>You're using IE 6 or lower.</span><!--<![endif]-->
<!--[if (!IE)|(gt IE 6)]><!--><span>You're using IE 7 or greater or another browser.</span><!--<![endif]-->​

This works perfectly in every Internet Explorer version I have, but in Chrome and in Firefox both of the spans are displayed. I'm guessing that they don't recognize this conditionals as they are Microsoft-specific.

Is there a way to this without recurring to JavaScript?

Upvotes: 2

Views: 1350

Answers (4)

Alexandru R
Alexandru R

Reputation: 8833

get rid of the second comments and

Only keep:

<!--[if lte IE 6]> code <![endif]-->

You're commenting the code itself, and it doesn't show up.

Upvotes: 0

Bram Vanroy
Bram Vanroy

Reputation: 28457

Here is a test case.

As you can see I used two types of comments. Downlevel-revealed and downlevel-hidden ones to support non-IE browsers. For more on this topic, read Microsoft's post on this.

Upvotes: 1

georgebrock
georgebrock

Reputation: 30053

Your first conditional comment should be:

<!--[if lte IE 6]><span>You're using IE 6 or lower.</span><![endif]-->

This is a single comment (<!-- … -->), and will be treated as such by most browsers. Only IE will see it as anything other than a comment, and only IE <= 6 will display the span.

Compare that to what you have now:

<!--[if lte IE 6]><!--><span>You're using IE 6 or lower.</span><!--<![endif]-->

This is two comments (<!--[if lte IE 6]><!--> and <!--<![endif]-->) with some markup in between them. Since only IE understands that the comments are in any way special, other browsers will display the content but not the two comments.

You can find a very thorough guide to conditional comments on Quirksmode.

Upvotes: 6

Oded
Oded

Reputation: 499052

This works perfectly in every Internet Explorer version I have, but in Chrome and in Firefox both of the spans are displayed.

Well, they would.

Conditional comments are an IE feature. Only. Other browsers treat them as normal comments.

Upvotes: 1

Related Questions