Cara Membuat CSS atau Style khusus IE (Conditional Stylesheet)

Dalam mendesign website adakalanya kita menemui kendala dalam hal cross browser display. Ketika mendesign selalu menggunakan firefox dan chrome tapi ketika di test di Internet Explorer kok jadi kacau, terutama IE 8 ke bawah memang cukup sering membuat para designer pusing.

Untuk itu para designer biasanya menggunakan conditional stylesheet. Conditional stylesheet adalah pengkondisian css yang dapat diperuntukkan untuk browser tertentu khususnya Internet Explorer. Microsoft menyediakan tag khusus yang hanya akan terbaca oleh Internet Explorer sehingga dapat dipergunakan oleh para designer yang mengalami masalah ketika tampilan hasil design di firefox dan chrome berbeda dengan Internet Explorer.

Kenapa Menggunakan Conditional Stylesheet?

1. Karena anda punya masalah cross browser terutama IE
2. Anda tidak perlu menggunakan cara hack css
3. CSS utama anda akan tetap aman terjaga
4. Teknik yang resmi diterima dan digunakan oleh Microsoft

Berikut codenya :

Code berikut anda dapat menaruhnya di >head/< section

Code conditional khusus untuk IE :

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

Code conditional untuk browser apapun selain IE :

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

Nah semoga posting ini dapat membantu para designer untuk terus berkarya melintasi batas browser :). Salam Eksplore!