Css Conditional Comments: Solusi Bug untuk Ie

Hari gini masih pake browser IE ?

Peryataan seperti itu sering saya jumpai, bahkan tidak tanggung-tanggung, blogger sekelas “ C “ pun dalam satu balasan komentarnya pernah berkata seperti itu.

Ie terutama ie 6 , memang merupakan browser yang sering membuat saya frustasi. Terkadang kalau sebel dan malas membetulkanya saya pun sering mengatakan seperti itu “ Hari gini masih pake browser ie “ :D. 

Namun terkadang saya merasa bangga juga, jika saya bisa melewati test rendering di browser ini. tidak tahu kenapa ada kepuasan tersendiri jika hasilnya tidak terlalu buruk untuk di tampilkan di browser ie 6.  - makanya pernah teman saya suatu hari mengatakan via comment , bahwa saya ini terlalu perfeksiones  ( huhuuuuuuu ).

Kalau kita googling banyak sih jawaban dan solusi tengtang masalah bug  ie ini. cukup masukan keyword “ conditional comment “ atau “ conditional formatting” maka seabreg list akan kita temukan.

Tapi saya sendiri untuk mengatasi masalahnya  sering mengunakan tag seperti ini.

* html #elemen { property:value }

Syntax css tersebut hanya di baca di ie saja tidak untuk browser lainnya.

contoh ; ketika saya mengunakan lebar sidebar 210px , namun mendapatkan masalah jika di render di IE , maka saya akan tambahkan seperti ini.

* html #sidebar {width:200px }

Dengan syntax tersebut biasanya sangat manjur saya gunakan.

Selain syntax tersebut ada juga yang mengunakan seperti ini contohnya.

html>body .elemen { property:value }

Ada juga yang mengunakan conditional comments  seperti ini.

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

Syntak tersebut biasanya saya simpan di bawah tag ini ]]></b:skin>

Ya..ya..ya selain itu masih banyak sih tengtang bug ie. seperti tengtang float,box, image png transparent , height dll.

mungkin list judul artikel di bawah ini bisa membantu dan menambah wawasan seputar conditonal comment ( bug ie only ).

1. ie css bugs thatll get you every time
2. howto – javascriptkit
3. how to create an ie only stylesheet
4. select cuts off options in ie fix
5. Box model
6. Targeting Ie Using Conditional Comment

 

 

Page views this post: reader