Hiding HTML portion from several browsers Conditional Comments

Question

What i want is that i want this portion of html code to be hidden from IE6 and IE7 but not firefox, opera or IE8 but conditional comments not working properly on this portion....I am using separate CSS with conditional comments in the head section But conditional comments for opera are not working and also sometimes Firefox shows strange behaviour

<!--[if gte IE 8]>
    <[if Gecko]>


 <div class="anythingSlider">

      <div class="wrapper">
        <ul>
           <li>
                <img src="gallery/1.jpg" alt="" />
           </li>
            <li>
                <img src="gallery/2.jpg" alt="" />
           </li>

        </ul>
     </div>
 </div>

     <[endif]>
<[endif]––>

Answer 1

you're looking at something like this:

<!--[if lt IE 7]>
      <div class="wrapper">
        <ul>
           <li>
                <img src="gallery/1.jpg" alt="" />
           </li>
            <li>
                <img src="gallery/2.jpg" alt="" />
           </li>
<![endif]-->

AFAIK you don't specify browsers individually. This "hack" is only valid for IE.

Answer 2

There's no such thing as:

<[if Gecko]>

Conditional comments only work for IE, so you can only distinguish between IE5, IE6, IE7, IE8 and [all other browsers]. (Luckily, it's usually only IE6 and maybe IE7 you need to sniff for!)

i want this portion of html code to be hidden from IE6 and IE7

OK, to show the contents of a conditional comment not just on the tested condition but also on [all other browsers], you need a downlevel-revealed conditional comment:

<!--[if gte IE 8]><!-->
    <div class="anythingSlider">
        ...
    </div>
<!--<![endif]-->

(Note this is not quite the official MS syntax for a downlevel-revealed CC, because that would be invalid HTML.)

Answer 3

Hiding actual HTML content from specific browsers is a step towards a world of complication and a maintenance nightmare. A better approach would be to adopt Progressive Enhancement. However, if you really want to hide content, you could used display: none; in the IE6/7 style sheet that is loaded via a <!--[if lt IE 8]> CSS file conditional comment.

Answer 4

bobince right.

Also, you can hide content only from IE.

<!--[if !IE]><!--> IE won't see it. <!--<![endif]-->