[IE] Centratura di un Div e di un'immagine di sfondo del body

[RAM_WM]

Ciao a tutti,

Ho riscontrato un problema con IE6 e IE7 con la centratura orizzontale di un div e la centratura orizzontale di un immagine di background del body.

body{
margin: 0;
padding: 0;
text-align: center;
background: red url (verde.gif) top center repeat-y;
}
#container{
width:500px;
height:200px;
background:#fff;
margin:0 auto;
}

Pagina di esempio

Pare che IE non centri perfettamente il <div id="container"> e l'immagine di sfondo centrata del body.

Il container infatti con FF e Safari, risulta perfettamente centrato e sovrapposto all'immagine di sfondo del body... mentre con IE risulta spostato di 1px verso sinistra.

Qualche soluzione?

[ricman]

Originariamente inviato da RAM_WM
Pare che IE non centri perfettamente il <div id="container"> e l'immagine di sfondo centrata del body.

Il container infatti con FF e Safari, risulta perfettamente centrato e sovrapposto all'immagine di sfondo del body... mentre con IE risulta spostato di 1px verso sinistra.

E' una specie di bug di IE che "non sa fare bene" le divisioni. Noterai, infatti, che se prendi un "lato" della finestra di IE e provi a ridimensionare vedrai che alternativamente sarà centrato e poi non_centrato...
Per ovviare prova con misure pari...

[RAM_WM]

Originariamente inviato da ricman
Per ovviare prova con misure pari...

Sia il container che l'immagine di sfondo del body misurano 500px...

[RAM_WM]

Altre spiegazioni?

[RAM_WM]

ultimo tentativo...

[ricman]

Originariamente inviato da RAM_WM
ultimo tentativo...

stessa cosa...