Memberi Css Khusus IE (Conditional Stylesheet)

02:38:00
  
Memberi Css Khusus IE (Conditional Stylesheet) - Bermain dengan desain dan styling web, seringkali mengalami berbagai kendala khususnya beberapa pengaturan yang tidak berjalan dengan baik terkait dengan interface suatu website. Dan masalah yang sangat menyebalkan dalam kasus ini adalah mengenai Cross Browser Issue yang sering kali muncul saat semua sudah dirasa sempurna. Misalnya saat semua sudah berjalan normal di Chrome, ternyata tidak demikian di browser lain. Untuk mengatasi permasalah yang  muncul di Firefox, anda bsia lihat di halaman ini.
Tag Khusus browser IE
Kita semua tahu bahwa ada beberapa browser yang kerap digunakan dimana kemungkinan besar audience kita datang dari browser yang berbeda. Misalnya saja Internet Explorer.

Diluaran sana, pengguna IE ternyata tidak sedikit, silahkan lihat di halaman statistik untuk memastikan apakah masih ada pengguna IE yang menyambangi situs anda atau tidak.

IE memang menjadi momok yang sangat menyebalkan mengingat kemampuan IE memang sangat jauh berbeda dengan kemampuan browser modern, khsusnya IE8 kebawah.

Untuk itu kita perlu memberi sedikit sentuhan yang khusus dibaca untuk browser IE8 kebawah.

Memasang Tag Khusus Untuk IE

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

Stylesheet ini hanya akan dibaca oleh browser IE

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

Stylesheet ini hanya akan dibaca untuk browser selain IE

Atau untuk pengguna Blogger yang ingin menanam Css langsung di dalam template bisa gunakan tag seperti ini
<!--[if lte IE 8]>
<style type="text/css">
css for IE 8, IE 7, IE 6 dan yang di bawahnya
</style>
<![endif]-->

Tag diatas akan dibaca hanya oleh IE8 kebawah.
<!--[if ge IE 5.5]>
<style type="text/css">
css for IE 6, IE 7, IE 8 dan yang di atasnya
</style>
<![endif]-->

Atau kita bisa menggunakan metode terakhir yang lebih simple yakni dengan menambahkan atribut khusus dalam Css yang hanya akan dibaca oleh IE seperti contoh dibawah

Semisal kita punya elemen <div id="header"></div>, Css kita secara umum akan seperti dibawah ini

#header {
   height:100px;
}

Untuk memberi styling khusus IE kita bisa menambahkan atribut khusus seperti dibawah ini

#header {
   height:100px;
   _height:100px; //atribut khusus untuk IE
}

IE 10 dikatakan sudah tidak perlu menggunakan tag Conditional khusus seperti diatas karena sudah support Css3 setara dengan browser modern lainnya seperti Chrome, Firefox dan Safari.

Memberi Css Khusus IE (Conditional Stylesheet)

: CS Team Tentang Kami Portfolio Kontak

CS Team adalah sebuah tim yang berfokus bekerja pada Blogger Design untuk meningkatkan pengalaman pada pengguna Website/ Blog berbasis Blogger.
Terimakasih telah membaca Memberi Css Khusus IE (Conditional Stylesheet) diatas dan semoga bermanfaat.

Mau bantu share artikel diatas ... ?

Related Posts

Previous
Next Post »

Silahkan tanyakan apa yang ingin anda tanyakan dengan bahasa yang mudah dimengerti .
EmoticonEmoticon