Piplos' blog » conditional-css http://www.piplos.org Una mente digitale è nulla senza una mente umana Sat, 10 Jul 2010 09:14:19 +0000 http://wordpress.org/?v=abc en hourly 1 Conditional-CSS – Adottiamo gli stili ai diversi browser http://www.piplos.org/2009/05/02/conditional-css-adottiamo-gli-stili-ai-diversi-browser/ http://www.piplos.org/2009/05/02/conditional-css-adottiamo-gli-stili-ai-diversi-browser/#comments Sat, 02 May 2009 13:59:33 +0000 Piplos http://www.piplos.org/?p=1123 Per chi, come me, fa a botte con i vari browser per adattare gli stili CSS per ciascuno di essi, non può fare null’altro che usare vie traverse, come sfruttare i bug di ciascun browser per fargli leggere delle regole CSS adattate per questi ultimi, oppure l’applicazione di javascript che rileva il browser utilizzato dall’utente che specifica i fogli CSS da utilizzare, eccetera.

Spesso questi metodi sono anche un po’ troppo scomodi per la non-pulizia del codice, che lo fa irrimediabilmente invalidare.

La soluzione al problema è Conditional-CSS, uno script in un file PHP che ci permette di leggere il CSS in modo condizionale per ogni browser. Con questo metodo si risparmia molto tempo e la manutenzione è più immediata. Un esempio delle possibilità di questo script è questo:

.box {
   width: 400px;
   [if IE 6] width: 600px;
   [if Opera] width: 500px;
}

Indovinate un po’? Esatto, normalmente il div con classe “box” è grande 400px, ma grazie a Conditional-CSS, con le regole del CSS condizionale se vediamo la pagina da IE 6, il box appare di 600px mentre in Opera lo vedremo di 500px!

Leggi il resto dell'articolo...

© Copyright by Piplos' blog. | Permalink | 12 commenti
Post tags: , , , ,

]]> http://www.piplos.org/2009/05/02/conditional-css-adottiamo-gli-stili-ai-diversi-browser/feed/ 12