Uslovni CSS

[bluesman]

Verovatni svi koristite različite CSS kodove u zavisnosti od browsera, ovaj hack jednostavno radi:

#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.

#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.