Home/ Questions/Q 8906361
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T02:38:00+00:00

I designed a few web pages using some CSS3. It looks good in Google

  • 0

I designed a few web pages using some CSS3. It looks good in Google Chrome, but the styles become clumsy in Internet Explorer. I have two questions regarding these:

Can I do something like this : I can make two style sheets and depending the browser of the user load the appropriate version. Let me make it more clear:

if browser is Internet Explorer
    use stylesheet1.css
else
    use stylesheet2.css

My main problem is with the usage of border-radius property. Is there some way to avoid this directly.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In your HTML/header do the following:

    <!--[if IE]>
 <link rel = "stylesheet" type = "text/css" href = "ie-css.css" />
<![endif]-->

    You can also break it down further:

    <!--[if IE 7 ]>     
 <link rel = "stylesheet" type = "text/css" href = "ie7-css.css" />
<![endif]-->

    Or many other combinations: 

    <!--[if IE 7 ]>
<!--[if lt IE 7]>     <--- less than IE7
<!--[if gt IE 7]>     <--- greater than IE7
<!--[if IE 8 ]>
<!--[if IE 9 ]>
<!--[if !IE]>

    The recommendation (and conditionals used) by HTML5 Boilerplate:

    <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    • 0