Come includere CSS condizionali per IE

Affinché il nostro sito venga visualizzato correttamente anche su Internet Explorer, è necessario inserire due brevi ma fondamentali righe condizionali al nostro foglio HTML.

La procedura, semplice ed intuitiva, da adottare è la seguente:

  
<!--[if IE]>  
   <link rel="stylesheet" type="text/css" href="stile-ie.css" />  
<![endif]-->  

Lo script dell'esempio precedente si occuperò di caricare il foglio "stile-ie.css" ogni volta che il browser che visualizza il nostro sito è una qualsiasi versione di IE. In realtà, aggiungendo alcuni suffissi alla causale if, possiamo rendere più preciso ed efficace il nostro script e renderlo capace di selezionare le singole versioni del browser di casa Microsoft; vediamo come.

Selezionare versioni specifiche

• Per selezionare una versione minore di quella indicata utilizziamo l'espressione lt. Ad esempio la seguente procedura condizionale attribuirà il foglio di stile solo alle versioni di IE precedenti alla 9.

 
<!--[if lt IE 9]>   
   <link rel="stylesheet" type="text/css" href="stile-ie.css" />   
<![endif]-->

• Per selezionare una versione minore o uguale a quella indicata usiamo il suffisso lte. Ad esempio proviamo a selezionare unicamente le versioni precedenti la 8, compresa la 8.

 
<!--[if lte IE 8]>   
   <link rel="stylesheet" type="text/css" href="stile-ie.css" />   
<![endif]-->

• Per selezionare una versione maggiore di quella indicata usiamo il suffisso gt. Ad esempio le seguenti righe di codice selezioneranno unicamente le versioni successive alla 7.

 
<!--[if gt IE 7]>   
   <link rel="stylesheet" type="text/css" href="stile-ie.css" />   
<![endif]-->   

• In quest'ultimo caso vediamo come selezionare una versione maggiore o uguale a quella indicata, attraverso il suffisso gte. Ad esempio:

<!--[if gte IE 7]>   
   <link rel="stylesheet" type="text/css" href="stile-ie.css" />   
<![endif]-->

E tu quale soluzione adotti per rendere il tuo sito compatibile con Internet Explorer? Commenta il mio articolo, condividilo ed esprimi la tua opinione!

Read More

PHP - Individuare la lingua di chi naviga nel vostro sito

Sapevate che esiste uno snippets PHP per riconoscere automaticamente la lingua utilizzata da chi visita il vostro sito e, di conseguenza, reindirizzare automaticamente i vostri utenti?

Questo snippets può rivelarsi fondamentale nella creazione di siti multilingua, sopratutto per evitare l'utilizzo delle ormai abusate icone a bandierina.

<?php  
   $lang = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2);  
   echo $lang;  
?>  

Come possiamo vedere. il nostro selettore utilizza la funzione $_SERVER ed il parametro HTTP_ACCEPT_LANGUAGE. In pratica lo script risale automaticamente alla lingua impostata dal browser e, usando la funzione substr, isola i primi due caratteri ottenendo, così, la sigla della lingua.

Ovviamente potete usare questo codice per reindirizzare automaticamente i vostri visitatori verso la versione tradotta del vostro portale.

Read More