CSS for FIREFOX and OTHERS

[17th.of.april]

Is there a possible CSS or hack than can hide items if the browser
being used is IE.

I am currently using wordpress and was using a plugin that results a
horrendous output in IE but works perfectly in some other browsers.

I will appreciate if someone can teach me how to make certain part of
my website totally invisble or non existent if viewed in IE, but will
work normally with other browsers.

Thank you very much. I am willing to donate some $ for solution.

 

[David Dorward]

Is there a possible CSS or hack than can hide items if the browser
being used is IE.

Conditional comments are the simplest and most reliable way.
http://www.quirksmode.org/css/condcom.html
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp

Thank you very much. I am willing to donate some $ for solution.

I'd apreciate a donation to
https://donate.cancerresearchuk.org/donatenow/ (or another cancer
charity)

 

[Andy Dingley]

Is there a possible CSS or hack than can hide items if the browser
being used is IE.

Yes. Quite simply too.

IE has a feature called "conditional comments". These are pairs of
genuine HTML comments, which can have HTML between them. This is
absolutely valid HTML and any real browser will see them as two
comments with renderable content between them.

However if you select the right conditional test, IE (or even specific
IE versions) will instead treat both comments as being the start and
end of one jumbo comment, hiding all the content between them.

<!--<![endif]-->

Note that this is only safe if you use the !IE form and test for _not_
IE. Otherwise real browsers treat this feature as invalid and render
the middle section anyway.

 

[Sym]

OR

you could put the html you wish to hide on IE in a div then use css to
hide it

e.g. in the html

<div id="iehide">
.....html to hide in ie
</div>

then in your css

* html #iehide{display:none}

Is there a possible CSS or hack than can hide items if the browser
being used is IE.

Yes. Quite simply too.

IE has a feature called "conditional comments". These are pairs of
genuine HTML comments, which can have HTML between them. This is
absolutely valid HTML and any real browser will see them as two
comments with renderable content between them.

However if you select the right conditional test, IE (or even specific
IE versions) will instead treat both comments as being the start and
end of one jumbo comment, hiding all the content between them.

<!--<![endif]-->

Note that this is only safe if you use the !IE form and test for _not_
IE. Otherwise real browsers treat this feature as invalid and render
the middle section anyway.

 

[Andy Dingley]

you could put the html you wish to hide on IE in a div then use css to
hide it

How would that work ? You still need to switch display on and off on
an IE-specific basis.

 

[Sym]

This is the "star html hack".
* html before the selector in a css is only interpreted by ie, other
browsers ignore the selector.

give it a go and see ....

 

[David Dorward]

Sym wrote:

Please don't top post.

This is the "star html hack".
* html before the selector in a css is only interpreted by ie, other
browsers ignore the selector.

Pretty sure that IE 7 ignores it too. So it wouldn't do what the OP asked.