immagine centrata - body

[giananto]

Stavo provando a seguire alcuni esempi per posizionare un'immagine di sfondo al centro dello schermo.
Il codice,vedendo sulla guida di Troiani e anche in giro per il web; dovrebbe essere questo:

body{
background-image:url(cerchio.gif);
background-repeat:no-repeat;
background-position:50% 50%;
}

Ho provato anche:
background-position:center;

Non riesco a capire perchè consideri solo il centro dell'immagine, mentre quello dello schermo in verticale no. Dove sbaglio?

[Mich_]

Probabilmente non hai definito l'altezza del blocco in cui vuoi centrare l'immagine, per cui rimane piu` basso (anche se non te ne accorgi)

Prova ad inserire:

html, body {
  width: 100%;
  min-height: 100%;
}

PS: se deve funzionare anche in IE5.5 e IE6, occorre inserire alcuni attributi in piu` :

html, body {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

[giananto]

Davvero molte grazie! Il problema era proprio l'altezza.