Tag Style, CSS Specific for IE (Internet Explorer)

Membicarakan tentang kode kode html dan Internet Explorer (IE) kadang terasa menyedihkan dan bahkan bikin stress atau sesekali emosi menyeruak. Yah...., bagaimana tidak...?! Setelah semua browser yang lain oke-oke saja tetapi ketika kita coba di IE ... e.... ternyata apa yang kita buat tak berfungsi sebagaimana yang diharapkan. Membuat kode yang dikhususkan bagi IE terpaksa harus dilakukan. Salah satu yang paling sering dibutuhkan adalah membuat kode css dalam tag style yang dikhususkan untuk IE.

Tag style - kode css khusus IE

<!--[if IE]>
<style type="text/css">
 css for IE 
</style>
<![endif]-->

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

Tag style - kode css khusus IE 8

<!--[if IE 8]>
<style type="text/css">
css for IE 8
</style>
<![endif]-->

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

Tag style - kode css khusus IE 7, 6 dan yang lain

Ganti kode yang berwarna merah sesuai browser IE yang anda gunakan. Jika IE 7 maka kode menjadi seperti berikut:

<!--[if IE 7]>
<style type="text/css">
css for IE 7
</style>
<![endif]-->

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

Untuk IE 8 dan yang dibawahnya

<!--[if lt IE 9]>
<style type="text/css">
css for IE 8, IE 7, IE 6 dan yang di bawahnya 
</style>
<![endif]-->

<!--[if lt IE 9]>
<link href="IE-8, IE 7, IE 6 dst-only.css" rel="stylesheet" type="text/css" />
<![endif]-->

Untuk IE 8 dan yang dibawahnya

<!--[if lte IE 8]>
<style type="text/css">
css for IE 8, IE 7, IE 6 dan yang di bawahnya 
</style>
<![endif]-->

<!--[if lte IE 8]>
<link href="IE-8, IE 7, IE 6 dst-only.css" rel="stylesheet" type="text/css" />
<![endif]-->

Untuk IE 6 dan yang diatasnya

<!--[if ge IE 5.5]>
<style type="text/css">
css for IE 6, IE 7, IE 8 dan yang di atasnya 
</style>
<![endif]-->

<!--[if ge IE 5.5]>
<link href="IE-6, IE 7, IE 8 dst-only.css" rel="stylesheet" type="text/css" />
<![endif]-->

Untuk IE 6 dan yang diatasnya

<!--[if gte IE 5.5]>
<style type="text/css">
css for IE 5.5, IE 6, IE 7 dan yang di atasnya 
</style>
<![endif]-->

<!--[if gte IE 5.5]>
<link href="IE-5.5, IE 6, IE 7 dst-only.css" rel="stylesheet" type="text/css" />
<![endif]-->

Post : Tag Style, CSS Specific for IE (Internet Explorer)
by : gubhugreyot - gubhugcss
my Blogs : Demo Tutorial Blogger-1 | Demo Tutorial Blogger-2 | Best Blogger Hacks | Best Blogger Menus | gubhuggreyot-b'detik | gubhugreyot