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!

Leave a Reply
You May Also Like

Pembinaan dan Penjelasan terhadap Siswa “ISTIMEWA” Mapel PJOK

Subject Pembinaan dan Penjelasan terhadap Siswa “ISTIMEWA” Mapel PJOK Time Tuesday, July…

Pertanyaan seputar PPPK Guru 2021

Siapa saja yang dapat mendaftar pada Seleksi PPPK Guru 2021? 1. Honorer…

STRUKTUR ORGANISASI KEJAKSAAN NEGERI KOTA MAGELANG 2020

  JAKSA FUNGSIONAL: SUHARNO, S.H. SRI SUSANTI, S.H. ANA MUFLIKAH, S.H. SANDRA…

25 Cara Gunakan Peta untuk Dekorasi Rumah

Peta memberi kesan universal dan dinamis saat digunakan untuk mendekorasi rumah. Memanfaatkan…