Wednesday, May 15, 2013

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!

3 comments:

aries apriliyanto said...

itu cara taro teks css tersebut dimana? saya masih belum paham. tolong beri contohnya.

terima kasih

aries apriliyanto said...

tolong berikan contoh letak penulisan di scriptnya, karena saya punya masalah dengan css di internet explorer. saya masih belum paham.

terima kasih.

wong_udik said...



taro code tersebut di bagian head halaman html anda. itu code khusus untuk IE

Dapatkan artikel dan berita teknologi, komputer, social media terbaru langsung lewat email anda

Share

About Me

My photo
Seorang pelajar, yang tidak akan pensiun dari pekerjaannya. dilahirkan di Jakrta dan bertempat tinggal di bangka yang penuh arti dalam kehidupan ku di kemudian hari...Command : Hurry Up!! Many Jobs awaiting you! now shutdown the computer and get rest for hours so you will get up freshly