עיצבתם אתר או דף נחיתה ממש יפה (או שעיצבו לכם), בניתם אותו ובדקתם טוב טוב בכרום, הכל נראה מעולה! ואז ביקשו ממכם לבדוק שנייה באקספלורר לפני שזה עולה לאוויר...
    
פתאום הכל נראה משובש, דברים שלא אמורים להופיע הופיעו ודברים שהופיעו פתאום נראים שונה.

אחרי שתלשתם את השיערות בעצבים, שתו מים ותרגעו, יש פתרון למצבים האלה והוא ממש נוח. מסתבר שלכל דפדפן אפשר לתת סגנון style משלו ואך ורק שם תראו את הקוד הספציפי.

את הקודים הבאים תכניסו לתוך ה-style עצמו, למשל נרצה לתת לכל כותרת h1 צבע שונה בדפדפן שונה.

פיירפוקס / Firefox

@-moz-document url-prefix()
{

h1
{
color:red;
}

}

אקספלורר 9 ומטה / Explorer 9-

<!--[if IE]>
<style type="text/css">

h1
{
color:blue;
}

</style>
<![endif]-->

אקספלורר 10 ומעלה / Explorer 10+

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{

h1
{
color:darkorchid;
}

}

ספארי / Safari

@media screen and (-webkit-min-device-pixel-ratio:0)
{

::i-block-chrome, h1
h1
{
color:cadetblue;
}

}

כרום / Chrome

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{

h1
{
color:#ff6666;
}

}