Bagaimana Membuat stylesheet CSS untuk masing-masing browser

Kini banyak browser bermunculan. Masing-masing punya kelebihan dan kekurangannya sendiri-sendiri. Website dengan menggunakan satu stylesheet CSS terkadang tidak kompatible jika dilihat dengan menggunakan browser lain. Tutorial website berikut ini akan menjelaskan bagaimana menggunakan lebih dari satu file Stylesheet CSS untuk beberapa browser sekaligus.

Untuk mendeteksi browser apa yang digunakan, cukup gunakan tag IF. Untuk Browser IE6 contohnya. Bisa Anda gunakan Script berikut:

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

Cara yang sama bisa kita terapkan untuk Browser lain :
Untuk IE5 :

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

Untuk IE7:

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

Wah.. Kalau seperti ini caranya, repot dooong kalau suatu saat nanti versi IE sudh tinggi. Jangan khawatir.. kita bisa gunakan selector lt (Less Than), lte (less than or equal), gt (Greater Than) atau gte (greater than or equal) untuk mempersingkat. Contoh, file ie8.css kita peruntukkan jika dibuka dengan browser IE5 sampai IE8, sedangkan ie9.css untuk IE9 dan style.css untuk browser lainnya. Anda bisa gunakan script berikut:

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

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

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

 

About the Author
T. Prihartanto
Saya Tanto Prihartanto, Pemilik Bestariweb Hosting yang sudah mulai menjalankan bisnis hosting sejak tahun 2012. Saya juga aktif berbagi artikel di beberapa blog seperti Tutorial Linux, Tutorial Wordpress, Tutorial Web Design. Semoga artikel dan tutorial yang saya tulis di web ini dan blog saya yang lain bisa bermanfaat bagi Anda.

3 thoughts on “Bagaimana Membuat stylesheet CSS untuk masing-masing browser

  1. Leo Ari Wibowo - Juni 1, 2013 at 8:39 am

    IE, browser yang bisanya hanya membuat repot web developer saja 🙂

    Reply
    • Tanto Prihartanto - Juni 1, 2013 at 10:57 pm

      😀

      Reply
  2. Wikipedia - Desember 20, 2016 at 2:00 am

    Your low profit rates would possibly be close to
    for a good while. In layout to confirm this all, you should preferably read unique criteria in fact carefully. http://www.wikipedia.org

    Reply

Leave a Reply