Problema IE, box centrato e fisso a fondo pagina

**dla86** · 20-01-2011, 11:39

Ciao a tutti,
ho un problema di visualizzazione con IE, sul mio pc ho l'8.
All'interno della mia pagina html ho il seguente codice:

codice:

<div id="centrato">  
<div id="piedipagina">
<object type="application/x-shockwave-flash" data="http://www.ixxx.swf" width="1024" height="25"> <param name="movie" value="http://www.ixxx.swf"/> <param name="wmode" value="transparent"/> </object>
</div>
</div>

e nel foglio di stile:

codice:

#centrato{ 
text-align: center;   
 } 
 #piedipagina {
 position: fixed;    width: 1024px;    height: 25px;    top: auto;    right:0;    bottom: 0;    left: 0;   margin-left: auto; margin-right: auto; 
}

Su tutti i browser visualizzo un div contenente il mio swf fisso in fondo alla pagina e centrato. su IE lo vedo spostato a sinistra. ho cercato tanto in giro, anche su altri forum ma le soluzioni proposte non funzionano, forse perchè il mio div è anche fisso in fondo alla pagina. come posso ovviare? grazie mille

**ResianTaxidrive** · 20-01-2011, 11:55

mah guarda, se metti left:0 non vedo dove altro potrebbe andare se non a sinistra.
Poi vuoi anche right:0,lo fai impazzire povero browser.
Togli top, right e left, lascia solo il bottom e quei margini faranno il loro lavoro come desiderato.

**dla86** · 20-01-2011, 12:03

ho fatto come dici ma purtroppo non funziona su nessun browser.. quel top, bottom, left e right servono per fissare il div a fondo pagina.

**ResianTaxidrive** · 20-01-2011, 12:12

impossibile, perchè rimanga sotto basta il bottom. Prova a togliere il top e vedi se non è vero.
Cmq dici che non è centrato questo div, ma non è centrato rispetto a cosa?
Il tuo div è largo 1024 e così pure l'swf dentro per cui cosa intendi per non centrato? rispetto alla finestra del browser?
Qual è il contenitore più esterno a tutto?

(Ti ricordo che su un monitor a risoluzione 1024x768 ti apparirà una barra di scroll orizzontale)

**dla86** · 20-01-2011, 12:20

vorrei che l'swf fosse centrato rispetto all'intera finestra del browser. ho provato a togliere solo il top e funziona su tutti tranne che su IE, se tolgo anche left e right non funziona su nessuno. sugli altri browser, per come è ora il codice, funziona come vorrei, nel senso che è preciso al centro della pagina e in fondo ad essa, se riduco la finestra del browser resta centrato..
il contenitore più esterno a tutto è il body con i seguenti parametri css:

body
{

margin: 0 auto;
padding: 0;
background-color: #FFFFFF;
background-image: url('../images/Page-BgTexture.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top left;
}

**ResianTaxidrive** · 20-01-2011, 12:30

hai provato a mettere una larghezza a body?

che doctype hai?

**dla86** · 20-01-2011, 12:44

Non posso dare una largezza a body perchè è un sito realizzato con joomla per cui non so se questo stravolge tutto...

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

**ResianTaxidrive** · 20-01-2011, 12:46

è visibile da qualche parte questo sito?

**dla86** · 20-01-2011, 13:45

scusa ma non posso scriverlo qui l'indirizzo. ti ho scritto un mess privato poi però continuiamo qui la discussione. grazie mille

**ResianTaxidrive** · 20-01-2011, 13:53

ho risposto al tuo messaggio.
riscrivo qua:
metti al body un width:1024px e togli quel div centrato che non serve

Discussione: Problema IE, box centrato e fisso a fondo pagina

Strumenti discussione

Ricerca discussione

Visualizza

Problema IE, box centrato e fisso a fondo pagina

Permessi di invio