
Sarebbe bello disegnare/programmare un sito e vederlo uguale in ogni computer.
Purtroppo non è così, perché non ancora tutti browser interpretano il codice (soprattutto CSS) alla stessa maniera, e dipende a volte anche dal sistema operativo.
Le statistiche ci dicono pressappoco che il 64% dei navigatori viaggia su Windows+Explorer e il 24% usa Windows+Firefox, quindi abbiamo ancora un bel motivo per preoccuparci di come Internet Explorer visualizza il nostro sito.
Un trucchetto che permette un’impostazione rapida e indolore, se vogliamo che il nostro CSS scelga “solo” tra Firefox, Explorer 6 o 7.
{
height: 15px;
#height: 15px;
_height: 21px;
}
La prima riga viene applicata a tutti i browser.
La seconda viene vista solo da Internet Explorer.
La terza viene applicata solo a Internet Explorer 6 o precedente.
Conditional CSS
Conditional-CSS è uno strumento che permette a chi usa i CSS di usare la logica condizionale (“if“) per indicare diversi comandi CSS per diversi browser o gruppi di browser.
Ad esempio…
a {
[if lte Gecko 1.8] display: -moz-inline-stack;
[if lte Konq 3.1] float: left;
[if IE 5.0] margin-top: -1px;
[if IE] text-decoration: expression(hideFocus='true');
}
(continua…)