Problemino con il menu fisso in fondo pagina ed il solito, explorer

Frank10 · 24 Apr 2012

Ciao a tutti..
Ho un problema nel creare un menu fisso in fondo pagina, ovvero su chrome e compagnia funziona alla grande ma sul solito explorer, no.
Codice:

Codice:

HTML:
<div id="bottomMenu">Ciao</div>

Codice:

CSS:
#bottomMenu{
background-color:green;
bottom:0px;
left:0px;
position:fixed;
width: 100%;
}

Non si sa il perchè ma su explorer il menu, in questione lo manda in testa alla pagina... Help please..

Nefyt · 24 Apr 2012

Che versione di IE stai usando? Hai messo il doctype in cima alla pagina?

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

criric · 24 Apr 2012

per la versione 9 di IE puoi usare il DTD Transitional postato da Nefyt

per le versioni prima della 9 pare sia necessario il DTD Strict

HTML:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>

o qualche trucchetto con javascript

guarda anche qui http://blog.mrwebmaster.it/2010/12/06/positionfixed-su-internet-explorer.html

criric · 24 Apr 2012

solo dopo aver provato mi accorgo che per IE 9 ( con gli altri non ho provato ) va bene usare anche il DTD di HTML 5

HTML:

<!DOCTYPE html>

Nefyt · 24 Apr 2012

Potremmo anche usare l'X-UA-Compatible per IE

Codice:

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

Oppure utilizzare degli if per le versioni

Codice:

<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="ie8.css" type="text/css" />
<![endif]-->

<!-- E cosi via-->

criric · 24 Apr 2012

Nefyt
Potremmo anche usare l'X-UA-Compatible per IE

bene!

ci metterei anche dei link

in italiano ho trovato questo http://yeahnowow.com/2010/come-usare-x-ua-compatible-per-il-tuo-sito/

Frank10 · 25 Apr 2012

Grazie ragazzi per il supporto, faccio un pò di prove e vi faccio sapere

Frank10 · 25 Apr 2012

Allora:
Con questo

Codice:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>

e

Codice:

<!DOCTYPE html>

Funziona alla perfezione.. Unica cosa ho IE 9 io, non so come si visualizzerebbe nelle versioni precedenti quale dovrei utilizzare per renderlo, diciamo, universale?

GRAZIE!

Nefyt · 25 Apr 2012

Dovresti fare dei moduli di stile adatti per ogni versione come l'esempio sopra:

Codice:

<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="ie8.css" type="text/css" />
<![endif]-->

<!-- E cosi via-->

alessandro1997 · 25 Apr 2012

Sposto in HTML, XHTML e CSS, dato che con HTML5 c'entra poco.

Massimiliano · 6 Mag 2012

Filippo10 ha scritto:
Allora:
Con questo

Codice:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>

e

Codice:

<!DOCTYPE html>

Funziona alla perfezione.. Unica cosa ho IE 9 io, non so come si visualizzerebbe nelle versioni precedenti quale dovrei utilizzare per renderlo, diciamo, universale?

GRAZIE!

Ciao Filippo,
se utilizzi IE9 , premendo il tasto F12 accedi agli strumenti di sviluppo, dove hai anche la possibilita di vedere la visualizzazione con ie 7 ed 8.

ciao

Cerca

Cerca

Problemino con il menu fisso in fondo pagina ed il solito, explorer

Frank10

Utente Attivo

Nefyt

Utente Attivo

criric

Super Moderatore

criric

Super Moderatore

Nefyt

Utente Attivo

criric

Super Moderatore

Frank10

Utente Attivo

Frank10

Utente Attivo

Nefyt

Utente Attivo

alessandro1997

Utente Attivo

Massimiliano

Nuovo Utente

Discussioni simili