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! css design Web html seputar web Tips Tips dan Trik trik Tutorial

• Share
• Share

Dapatkan Tips pertuyulan Setiap Harinya!

• Dapatkan tips dan trik yang belum pernah kamu tau sebelumnya
• Jadilah orang pertama yang mengetahui hal-hal baru di dunia pertuyulan
• Dapatkan sapujagad Gratis: Cara Dapat 200 Juta / bulan dari Ads selain adsense