Ultimamamente stavo lavorando ad un sito e mi è capitata la necessità di richiamare due fogli di stile diversi per i soliti problemi di stile dati da Internet Explorer.Le pagine però erano tutte statiche diversamente dalle pagine dinamiche come spiegato in un vecchio articolo .
Rovistando tra le migliaia di tonnellate di fuffa che la rete mette a disposizione mi sono imbattuto in un post di un blogger molto conosciuto, Julius .
L’articolo parlava di come utilizzare i css condizionali,in questo modo:
.box {
width: 400px;
[if IE 6] width: 600px;
padding: 100px 0;
}
Ahimè non ho ottenuto i risultati sperati, allora ho compreso il problema.
I fogli di stile non hanno la capacità di riconoscere il browser del client, mentre le normali pagine html sì.
Allora mi è venuta l’idea di inserire il Css Condizionale quando richiamavo il foglio, così:
<!--[if IE 6]><link rel=”stylesheet” href=”stileIE.css” type=”text/css” />
<![endif]–>
In questo modo il browser stesso, quando legge la pagina html, carica il foglio corrispondente.
Le varie condizioni possibili sono:
lt : minore di
lte : minore o guale a
eq : uguale a
gte : maggiore o uguale a
gt : maggiore di
I browser possibili più utilizzati sono:
IE : Internet Explorer
Gecko : browser basati sul motore Gecko come : Firefox, Camino,Galeon,Epiphany,etc.
Webkit : browser basati sul motore Webkit come : Konqueror, Safari, Shiira,Chrome, etc.
Opera : il browser opera
Iscriviti al feed di Good2know