Molto spesso succede che, quando si creano pagine web, le si debba pensare di tipo cross-browser, cioè compatibili con tutti i possibili browser.
Ad oggi i browser più utilizzati sono Internet Explorer 6, Mozilla FireFox, Safari, Opera e Internet Explorer 7.
Ma come creare dei layout css adatti ad ogni tipo di browser?
Molti utilizzano i Conditional Css, dei fogli di stile che permettono la personalizzazione in base al browser del client.
Io però ho implementato un nuovo “metodo” nel caso di siti dinamici(php,asp,ecc.).
La soluzione c’è la forniscono questi tipi di linguaggi, attraverso i quali possiamo ottenere moltissime informazioni sul client per mezzo della variabile globale $_SERVER.
Se passiamo come parametro HTTP_USER_AGENT alla variabile $_SERVER ad esempio:
$tipo_browser=$_SERVER['HTTP_USER_AGENT'] )
questa ci ritornerà una stringa contenente il tipo di browser che utilizza, la sua versione e il sistema operativo dell’utente
(es:”Mozilla/5.0 (Windows; U; Windows NT 5.1; it; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3″).
Non ci resta che controllare la stringa con la funzione strstr, in questo modo:
if(strstr($tipo_browser,’Gecko’)) echo “<link rel=”stylesheet” href=”stileFirefox.css”>;
Cambiando il confronto con MSIE (per IE,qualsiasi versione), Safari o Opera potremo ottenere stili personalizzati per ogni tipo di browser.
Iscriviti al feed di Good2know
[...] pagine però erano tutte statiche diversamente dalle pagine dinamiche come spiegato in un vecchio articolo [...]