How do I create browser-specific css's?

Question

I want one for firefox/other browsers, and one for Internet Explorer (What an annoying program)

Answer 1

In general, the best approach is to write one stylesheet which you send to all browsers, and then use conditional comments to import a second, IE-specific, one which just fixes the bits where IE goes wrong.

http://www.quirksmode.org/css/condcom.html

Answer 2

Use a conditional comment for IE 6 & less and IE7.





Most other browsers conform to CSS properties correctly, some have their quirks like Opera, Safari and Firefox, but most other browsers use the Gecko-rendering engine so they will be pretty similar.

IE 5.5 and less I don't bother with, you may want to, or unless (in my case sometimes) a clients specifically asks. I usually just design for IE6 and up.

Answer 3

One easy way is if you are using a server site scripting language. Find the user agent and just run an if statement based on MSIE or firefox.

Answer 4

this could in all possibility now no longer artwork in IE6 notwithstanding if it is going to in Firefox and IE7. on your important super DIV grant it the CSS function place:relative; and indoors the shrink div get it right here attributes place:absolute; precise:90px; backside:0px; the placement relative tells the shrink div's positon particular to take that's positions based on the placement of the greater effective div. the top and backside specify the shrink div's offset from the top of the greater effective div and the backside of the greater effective div.

Answer 5

OOo you are right, what a menace IE is! There are plenty of "hacks" in the cited text if you would be so kind to go to the expense of buying it!