Conditional css, un alternativa più leggera
Questi giorni sono stato occupato nell’aggiornamento del layout grafico del sito www.matumaini.org e come sempre ho avuto problemi nell’ottimizzazione per IE. Ho quindi pensato di utilizzare come sempre i Conditional CSS, ma poi ho avuto una sorta di illuminazione ed ho pensato di risolvere il tutto con poche righe di PHP.
Il trucco è semplice. Una volta realizzato il foglio di stile, si noterà che il sito è perfettamente funzionante in browser come Firefox, Safaro od Opera, le uniche problematiche si riscontreranno (molto probabilmente), solo con le versioni 6,7 e adesso anche 8 di IE. Quindi duplichiamo il nostro foglio di stile e lo soprannominiamo “style_ie.css”.
Ora nell’header inseriamo il seguente codice:
<?php
if (ereg("MSIE", $_SERVER['HTTP_USER_AGENT'])) {
echo “<link rel=\”stylesheet\” href=\”style_ie.css\” type=\”text/css\” media=\”screen\” />”;
}
else {
echo "<link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\" media=\"screen\" />";
}
?>
Ma adesso spieghiamo per bene. In questo codice abbiamo detto che se il browser è IE (qualunque versione), allora utilizzi il foglio di stile “style_css.php” altrimenti per gli altri browser (firefox, safari, opera, camino ecc…), utilizzi il foglio di stile “style.css”. Adesso con tutte le versioni di IE alla mano, adoperiamo le dovute modifiche al file style_ie.css ed il gioco è fatto.
Piaciuto l'articolo!? Iscriviti ai miei FeedRSS!
ciao davvero un post molto interessante
ho provato a seguire le tue istruzioni alla lettera ma quando copio il codice php scompare tutto il sito con il classico errore di php che qualcosa non va.
riesci ad aiutarmi? anche io sono in perenne lotta con IE
mmm… potresti dirmi che errore ti da!?