Internet explorer (IE) fixes
Orice web designer stie ca internet explorer este o pacoste. Acest browser randeaza intr-un mod diferit elementele dintr-un site. Bineinteles ca se poate realiza un layout care sa arate la fel pe toate browserele, dar asta necesita mult timp. Pentru cei care sunt presati de un dead-line am realizat mai jos o mica lista cu fix-uri pentru toate cele trei versiuni de IE.
IE7
Se adauga steluta “*” inaintea proprietatii. Acest fix este valid, deci se poate folosi fara probleme.
#menu{ margin-left:10px; *margin-left:8px; }
IE8
Se introduce codul css in interiorul “@media \0screen { cod css }“. Acest fix nu va fi validat.
@media \0screen {
#menu{ margin-left:10px; *margin-left:8px; }
}
IE9
Se adauga “\9” dupa valoarea unei proprietati. Acest fix nu va fi validat.
#menu{ margin-left:10px; margin-left:8px\9; }
In concluzie, avand in vedere ca 90% din probleme apar pe IE7 si fixul prezentat mai sus este valid, nu ar trebui sa avem probleme in realizarea unui layout identic pe toate marile browsere.
Puteti folosi codul de mai jos pentru a testa fixurile. Pe IE9 backgroundul ar trebui sa fie rosu, pe IE8 negru si pe IE7 verde. Pe celelate browsere backgroundul va ramane alb, nefiind specificata o culoare.
<head>
<style>
#test{background-color:#FF0000\9; *background-color:#006633;}
@media \0screen {
#test{background-color:#000000;}
}
</style>
</head>
<body>
<div id=”test”>Test background</div>
</body>
Succes!
