I'm trying to figure out what is the best solution for me now.
I used CSS3 to create rounded corners and shadow, but IE8 did not support it, so I had to use CSS3pie for IE8. Unfortunately, after applying the pie, it seems that IE8 just doesn't want to look like Chrome or FF. Why is IE such a hassle?
Should I just create a new stylesheet for IE? or is there a better solution? Is there any generator where you can convert CSS to IE?
Should I just create a new stylesheet for IE?
Yes, I think you will have to add separate CSS for IE, for example
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="../CSS/ie8.css" media="screen" /><![endif]-->
If this doesn't look the case in IE8, it should be even worse in IE6! :)
IE ?
IE -, .
IE, , , @Joe R, . , , , , , css.
, , - , , ( , Chrome, Firefox, Safari Opera) , , , .
, IE . , , , , , IE FF, Chrome ..
, IE , , IE Windows 90% + , Netscape , , Windows, , . .
, , Firefox 15% +, IE IE . , , , IE9 .
Paul Irish , IE, .
, , body . , IE, - :
body
.ie6 #element{ /* styles */ }
AFAIK, . , , IE.
modernizr , , , css. , , JavaScript .
CSS3Pie ( , ), modernizr, .
modernizr
, Quirksmode.org. , CSS ( ) .
CSS3PIE (behavior:), CSS ( ), .
behavior:
, CSS , IE, , CSS IE , , , . .
, CSS3PIE , , , , , CSS3PIE? , , , SO .
css, css, manteinance ( - ).
css, doctype (xhtml1.0 XML HTML5), , html5
<!--[if lt IE 7 ]> <body class="ie6 ie"> <![endif]--> <!--[if IE 7 ]> <body class="ie7 ie"> <![endif]--> <!--[if IE 8 ]> <body class="ie8 ie"> <![endif]--> <!--[if IE 9 ]> <body class="ie9 ie"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
basically you can target a specific IE rule by adding a class selector