perchè su IE mi si sposta tutto a destra e su firefox il posizionamento è giusto??

[carmen.spinny]

HELP ME!!!!!Ciao ragazzi, ho un problema con il mio sito, allora è moto semplice su fire fox, opera e safari il sito sito è centrato (come dovrebbe essere per giusto), mentre invece se apro IE mi si mette sulla sinistra....come faccio a risolvere questo problema?

grazie mille anticipatamente.....

[vikey89]

posta il codice, cmq devi sapere che ogni browser ha un modo differente da un altro di interpretare le pagine con i relativi codici.

[Pino SIlvestre]

per quanto riguarda ie, inserisci text-align:center nell'elemento genitore

[carmen.spinny]

ragazzi questo è tutto il codice css

body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: Sans-Serif;
font-size: 14px;
line-height: 16px;
color: #FFF;
background-color: #000B3F;
background-image: url(images/immagine-fondo.jpg);
} .clearfix{ clear: both; } a{ outline:none; text-decoration: none; } img{ border: none; } .border_top{ border-top: 1px solid #333333; } /*contenitore*/ #wrapper{
width: 810px;
background-color: #000839;
padding:20px;
margin: auto;
} /*header*/ #header{ width: 810px; height: 200px; background: url(images/header_bgs3.jpg) no-repeat; margin: 20px 0; } /*menu superiore*/ #menu{ height: 40px; text-align: center; } #menu a{ color:#FFFFFF; padding: 0 30px; } #menu a:hover, #menu a.selezionato, #left_col a, #footer a{
color: #F5EF00;
} #menu a.a_right{ border-right: 1px solid #333333; } /*colonna sinistra*/ #left_col{
width: 590px;
float: left;
} /*colonna destra*/ #right_col{ width: 200px; float: right; font-size: 10px; } #right_col a{ color: #666666; } #bot_col{ margin-top: 20px; } #bot_col img{ margin: 20px 0 0 0; padding: 0; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; } #bot_col a:hover img{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } /*footer*/ #footer{ margin-top: 20px; padding-top: 20px; text-align: center; font-size: 10px; } #aspnetForm #wrapper #right_col #ctl00_lblNews .border_top p {
color: #00F;
}
#aspnetForm #wrapper #right_col #ctl00_lblNews .border_top p {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .selezionato.a_right {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .selezionato.a_right {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .selezionato.a_right {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .a_right {
color: #00F;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .a_right {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .a_right {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .selezionato.a_right {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .selezionato.a_right {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .a_right {
color: #00F;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .a_right {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .selezionato.a_right {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale a {
color: #00F;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale a {
color: #FFF;
}
#aspnetForm #wrapper #left_col #apDiv3 a {
color: #00F;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale a {
color: #00F;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .a_right {
color: #00F;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale .a_right {
color: #FFF;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale a {
color: #00F;
}
#aspnetForm #wrapper #menu #ctl00_lblMenuBarraOrizzontale a {
color: #00F;
}
#aspnetForm #wrapper #left_col .border_top #ctl00_ContentPlaceHolder1_lblTesto p {
color: #FF0;
}
#aspnetForm #wrapper #left_col .border_top #ctl00_ContentPlaceHolder1_lblTesto p {
color: #FFF;
}
#aspnetForm #wrapper #footer {
color: #FF0;
}

[Pino SIlvestre]

in generale converrebbe che

• postassi il codice usando il tag CODE (bottoncino #), almeno è più leggibile
• tagliassi la parte di css che non è utile (tipo quei chilometri di #aspnetform etc)
• allegassi la porzione di html su cui il css deve agire, così possiamo vedere nel browser il risultato

detto questo, il body lo modificherai così

body {
 blabla
 text-align:center;
 blabla
}

ed il wrapper così, per annullare la centratura al suo interno che erediterebbe dal body

#wrapper {
 blabla
 text-align:left;
 blabla
}

Questo procedimento ti permette di centrare l'elemento anche su IE, mentre per gli altri browser continuerai ad usare margin auto

[carmen.spinny]

grande
sei stato gentilissimo mi hai risolto un problemone grazie grazie grazie!!!!