[CSS] allineamento centrale (verticale e orizzontale)

[Krusty]

Ragazzi.....ho un'img che deve essere posizionata in una pagina web totalmente vuota (no tabelle, no testo, no altre img, ecc...) esattamente al centro (sia verticale che orizzontale).
So che è possibile ottenere questo tipo di allineamento con i CSS...ma non so come....

[Rancid]

Questo ti crea un box centrato nella pagina all'interno del quale puoi mettere l'immagine:

#box {
width:350px; height:200px;
position:absolute;top:50%;left:50%;
margin:-100px 0 0 -175px;
background:#cfc;border:1px solid #000;
font:10px verdana, sans-serif }

le dimensioni puoi cambiarle come vuoi tenendo presente che il primo valore di margine è la metà dell'altezza, l'ultimo la metà della larghezza

[Krusty]

Grazie Rancid....ehm.....solo che......

dove sbaglio?

vorrei ottenere questa effetto:

QUI

E invece ottengo questo:

QUI

puoi dirmi dove sbaglio?

[Rancid]

Se cambi altezza e larghezza del box devi cambiare anche i valori dei margini, nel tuo caso hai width 3750 e height 205 quindi i margini vanno impostati -102px 0 0 -1875px ... praticamente nei margini devi sempre mettere: -(valore dell'altezza/2) 0 0 -(valore della larghezza/2)