Monday, January 9, 2012

Hack Css

Mungkin kalian yang pernah berkecimpung didunia perwebsite-an.. *Bukan per-web-setan*. pernah mengalami kasus saat buat css/style template, di browser yang 1 stylenya udah bagus dan rapi, tapi pas di buka di browser lain malah berantakan. Terutama pada browser yang berikon "e". Browser ini ("e"), mang agak sedikit rusuh terutama dalam masalah margin, khususnya double margin. untuk mengakalinya kita gunakan berbagai macam cara salah satunya, klo orang bilang sih hack css. ya.. apalah namanya terserah...

Berikut ane kasih contoh cara penggunaan hack css, ini bwt yang browser "e" tadi :

#header { margin-top:100px } <- buat all browser

kadang margin suka ngaco di browser "e" tadi, jd klo buat browser "e" tambahin tag di depannya. jadi :

* html #header { margin-top:0; padding-top:100px; } <- ini buat "e" yang versi 6, marginnya di matiin trs diganti sama padding

Itu ga kebaca sama browser lain.

*+html #header { margin-top:0; padding-top:100px; } <- buat "e" versi 7

kalo bwt yang versi 8 nya ga perlu tambah tag, tapi di masukin ke

@media \0screen {
    #header { margin-top:0; padding-top:100px; }
}

0 comments:

Post a Comment

 
;