Display: none su internet explorer

[gigig84]

Salve, come da titolo, ho creato un menù che vorrei far visualizzare solo sui dispositivi mobili, ma quell'antipatico di internet explorer lo fa visualizzare ugualmente.
Per farlo visualizzare solo sui cellulari ho usato @media only screen svariate volte ottimizzando per tutti gli schermi, dove ho messo display: none, mentre per i mobile @media only screen ho messo le caratteristiche che dovrebbe avere il menù.

ah.. ho dichiarato il menù anche nel css principale, altrimenti non lo visualizza correttamente.

Logicamente il problema su internet explorer rimane per tutti i @media only screen, ma se risolvo il problema menù son già a cavallo.
Grazie per il supporto.

[Nobody33]

che versione di IE?

[gigig84]

lo sto visualizzando sulla 8, ma credo che dia lo stesso problema nelle precedenti e successive, o meglio, ne sono certo che lo da su tutte le versioni!

[Nobody33]

Non ne sarei cosi certo.

IE8 e versione + vecchie non supportano le media queries,per il semplice motivo che IE8 e sotto non sopportano il css3.

Per IE in linea generale usa:

<meta http-equiv="X-UA-Compatible" content="IE=100" />

Il che sta a significare che IE usa sempre la "sua versione", cioè:

IE8 funziona in modalità "quirks mode", ovvero è retrocompatibile con versioni + vecchie di IE, ovvero IE7 ad esempio. IE9 come se fosse IE8 ecc.

Non è il massimo della spiegazione, ma l'argomento è abbastanza lungo.

Dovresti fare un foglio di stile a parte per IE 8 e versioni successive, per poi dichiararlo in modo seguente:

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

lt IE 9 sta a significare "lower then IE9", ovvero "più basso di IE9"

[gigig84]

Mitico,hai pienamente ragione, la troppa sicurezza fa fare grandi errori..
Per ora ti ringrazio, domani ci proverò a fare come consigliato.