Verovatni svi koristite različite CSS kodove u zavisnosti od browsera, ovaj hack jednostavno radi:
HTML kôd:
#main {
text-align: left;
width:490px;
<!-- width:485px; --> /* samo za IE */
}
ali na ovo se zgroze "čistunci koda" pošto nije validno. Alternativa je upotreba posebnih .css fajlova za svaki browser, međutim često je u pitanju razlika u par redova, a mnoštvo fajlova otežava održavanje.
Kako rešavate taj problem?
Možda da objasnim bolje: baš sada me nervira IE pošto radim layout strane koja ima 2 polovina, leva treba da bude 510px a desna 490px. Prostim sabiranjem dobijemo širinu od 1000px. U FF radi sve ok, međutim IE spusti desnu stranu ispod ?!?!? ako stavim da je širina 490px pa moram da je smanjim na 485px i onda je ok. Gde nestane 5px nemam pojma.
HTML kôd:
#nav {
text-align: left;
width:510px;
background: #ffffff;
float:left;
}
#main {
text-align: left;
margin-left:510px;
width:490px;
<!-- width:485px; --> /* IE ****s up stuff */
}
Jedino ovako radi u oba browsera. Kada sklonim ovaj "hack" - onda ne radi u IE.