decentrato con firefox

[inside1]

Ciao a tutti
ho preso dal sito constile.org l' esempio di layout a dimensioni prefissate e l'ho modificato per le mie esigenze http://www.constile.org/template/nuo...esempio_1.html . Come l'ho modificato... la testa è visualizzabile in alto, ma nel codice html rimane in fondo... il piè di pagina ho fatto in modo che si visualizzasse dopo la testa, ma nel codice html è diventata il primo livello che s' incontra nel codice e poi rimane il corpo... I livelli da una posizione relativa gli ho modificati in una posizione assoluta.. ma con IE si vede il mio layout centrato mentre con Firefox no... questo perchè secondo voi accade ?

Mille grazie

[floyd46]

se scrivi un link alla pagina in rete (non quello di constile), sarebbe + semplice aiutarti.
Floyd

[inside1]

si certo ... volevo già fare così solamente che ieri sera era tardino

ok metto la pagina online ..
a dopo

[inside1]

Ok questo è il link http://insidetheweb.6deex.net/
come vedete in IE mi rimane centrato mentre con firefox no

tnks

[floyd46]

per avere al centro un container, devi scrivere:
body{
text-align:center;
}

#container{
margin: 0 auto;
}

prova e posta come va.
Floyd

[inside1]

ho provato... per ora sono solo riuscito a centrare il livello "testa" e "pidipagina" ma non il container "corpo"...
parlando sempre di firefox...

dov'è che ho sbagliato ?
grazie

[pierofix]

Hai per caso utilizzato anche dei position?

[inside1]

si..
ti posto il codice del css

body { 
	font:80% verdana,helvetica,sans-serif; 
	margin:0 auto; padding:0;
	text-align:center; 

}
code { font:80% verdana,helvetica,sans-serif; display:block; margin:0 0 .5em 1em; }
hr { display:none }

/* centrare la pagina web a larghezza fissa */
body { text-align:center; margin:0 auto;}  
#corpo { width:753px;margin:0 auto; text-align:center }
#testa { width:753px;margin:0 auto; text-align:left }
#piedipagina { width:753px;margin:0 auto; text-align:left }

/* testa */
#testa { 
z-index:1;
position:relative;
top: 30px; 
height: 122 px;
background:#7BB5FF;


}

/* corpo */
#corpo { 
margin:0 auto;
 top: 240px;
  position: absolute;
	background:#f0f0f0 url(sfondo_colonna1.png) repeat-y; 
}
#corpo-colonna1 { 
	position:absolute; top:0; left:0; 
	width:160px; 
	padding:1em 0; 
}
#corpo-colonna2 { 
	margin:0 200px 0 160px; 
	border-left:1px solid #000; 
	border-right:1px dotted #000; 
	background:#fff; 
	padding:1em 0; 
}
#corpo-colonna3 { 
	position:absolute; top:0; right:0; 
	width:200px; 
	padding:1em 0; 
}

/*pie' di pagina */
#piedipagina { 
z-index:2;
position: relative;
top:182px;
height: 20px;
background:#7BB5FF;   
}

[inside1]

ciao nessuno è riuscito a capire come sistemare la falla ?
Io le ho prove di tutte senza riuscirci..

[floyd46]

ciao
non ho visto rigo x rigo il codice ma se usi posizionamenti assoluti, difficilmente potrai avere un div a centro pagina.
rivediti il codice che ti ho postato io + su.
Floyd