Detect Versione di Explorer per CSS

[i_am_antipop]

Ciao, ho un problema di compatibilità: un sito mio con Explorer 6 lo vedo bene, con Explorer 7 no!

Il problema è l'interpretazione del CSS...

Pensavo quindi di fare un detect del browser tramite javascript e collegare un CSS diverso per i 2 browser.

ES:

Se Explorer 6 (e precedenti) -> carica ill file IE_6.css

Se Explorer 7 -> carica ill file IE_7.css




Qui ho trovato qualcosa di simile, ma non serve al mio caso...

Potete darmi una drtitta?

grazie

[floyd]

guarda http://www.blazenewmedia.com/articles/targeting-ie-70

[i_am_antipop]

grazie, ma si tratta di 2 css molto diversi e scrivere le alternative all'interno dello stesso file potrebbe essere un casino da gewstire...

..per cui credo sia preferibile fare un detect per caricare quello opportuno.

Che ne pensi?

[floyd]

cosa non ti è chiaro su questo script?
<!--[if IE 7]>
Include my IE7 only stylesheet here.
<![endif]-->

[pierofix]

Se non ritieni opportuno utilizzare i commenti condizionali, allora forse è il caso di sfruttare un meccanismo di riconoscimento lato server, piuttosto che lato client. E' soprattutto una questione di funzionalità garantita e di accessibilità.

[i_am_antipop]

Originariamente inviato da floyd
cosa non ti è chiaro su questo script?
<!--[if IE 7]>
Include my IE7 only stylesheet here.
<![endif]-->

mm... ma posso metterci tutto in una volta il codice destinato a IE7?

...pensavo... ...temevo di dover alternare ogni riga così:

#menuBar {
float: right;
display: inline;
width: 240px;
}
/* For IE7 */
*:first-child + html #menuBar {
padding-top: 20px;
}

etc...

ora provo come dici tu..

grazie

Originariamente inviato da pierofix
Se non ritieni opportuno utilizzare i commenti condizionali, allora forse è il caso di sfruttare un meccanismo di riconoscimento lato server, piuttosto che lato client. E' soprattutto una questione di funzionalità garantita e di accessibilità.

Grazie, per ora provo coi commenti condizionali..

[floyd]

<!--[if IE 7]>
<link type="text/css" href="style_ie.css"/>
<![endif]-->
da quello che ho capito io, funziona così ovvero come prima riguardo ai commenti condizionali

[i_am_antipop]

Una cosa funziona... Se nel CSS ho questo codice:

body {
margin:0;
padding:0;
text-align:center;
}


e poi nel commento:

<!--[if IE 7]>
body {
margin:50px;
}
<![endif]-->

in effetti con IE7 vedo la pagina diversamente!



Però, per ora non riesco a modificare altri parametri in alcune classi... se metto nel commento una classe modificata, la vedo diversa anche con IE6...

(faccio altre prove e poi posto il codice)

Grazie1000