Browser-specific CSS

Every browser has its quirks. The CSS specification is out there, but most browsers choose to follow only a portion of it, some more than others. Given that, there are a few CSS hacks that can be used to apply certain styles to a specific browser.

Internet Explorer 6 Only

<!--[if IE 6]>
  <style type="text/css" media="all">@import url(/IE6Fixes.css);</style>
<![endif]-->

Internet Explorer 7 Only

<!--[if IE 7]>
  <style type="text/css" media="all">@import url(/IE7Fixes.css);</style>
<![endif]-->

Safari

In the case of Safari browsers, you can include your CSS directly in your default CSS file, but preclude the styles with a device directive as follows:

 @media screen and (-webkit-min-device-pixel-ratio:0) {
    p { color: #ff0; }
}

Need assistance with your project? Universal Web Services can help.
Contact us to request a quote.

Personal tools

Browser-specific CSS