Pošto većina ljudi i dalje koristi IE, morao sam dodatno podešavati kod kako bi šablon radio ispravno u svim pretraživačima što mi je dalo povoda da objasnim kako se radi CSS u slučaju lošeg prikaza u raznim pretraživačima. Interesantno je da na ovaj sajt - joomlamontenegro.com ima više posjetilaca sa Firefox-om od IE što je Fenomenalno.

Hakovanje CSS-a i pravljenja posebnih css datoteka za IE mi je nekako izjandjala fora, osim ako su u pitanju ogromni zahvati. U konkretno ovom slučaju sam imao problem sa Gavickovim modulom za prikaz zadnjih vijesti. U Firefox-u radi a u IE sve pobrljavilo. Da bih razdvoio kod za IE a posebno za ostale pretraživače koristio sam caku: "html>body"

Evo i primjera:

k_news_show_news_text {
margin-top: 0px;
font-family:Arial,Helvetica,sans-serif;
color: #222;
font-size:1.2em;
letter-spacing:0;
line-height:1.4em;
text-align:left;
text-decoration:none;
word-spacing:normal;
}

html>body p.gk_news_show_news_text {
font-family:Arial,Helvetica,sans-serif;
color: #222;
font-size:1.2em !important;
letter-spacing:0;
line-height:1.4em !important;
text-align:left;
text-decoration:none;
word-spacing:normal;
}

Primjećujete da je skoro ista definicija za "k_news_show_news_text" a glavna razlika je "html>body" dje sam napravio drugačiju definiciju.

Napomena: ovakve hakove treba uvijek izbjegavati.

Evo osnovnih CSS hakova:

IE 6 i ispod

 * html {}

IE 7 i ispod

 *:first-child+html {} * html {}

IE 7 samo

 *:first-child+html {}

IE 7 i noviji

 html>body {}

Svi noviji (osim IE 7)

 html>/**/body {}

Skorašnja verzija Opere 9 i ispod

 html:first-child {}