Centratura in risoluzione 1280x1240

Salve ^^

Stavo creando un sito per un mio amico e stavo provando la centratura con i DIV

Leggendo numerose guide ho scelto quella che, per me, è la più valida. Solo che una volta centrati tt i div, all'iprovviso mi accorgo che su uno schermi in Risoluzione 1280x1240 non viene visualizzatto correttamente. Infatti tutti i div vengono visualizzati più in basso rispetto a come si dovrebbero vedere.

Vi mostro il codice CSS:

Codice:

---

html { height:100%; margin:0 } body { height:100%; margin:0; padding:0; } #Template { position: absolute; z-index: 1; left: 50%; border: None; margin-left: -470px; }  #Home { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: -462px; margin-top: -254px; }  #Community { position: absolute; z-index: 3; top: 50%; left: 50%; border: None; margin-left: -362px; margin-top: -254px; }  #News { position: absolute; z-index: 6; top: 50%; left: 50%; border: None; margin-left: -217px; margin-top: -248px; }  #Goodies { position: absolute; z-index: 8; top: 50%; left: 50%; border: None; margin-left:  -88px; margin-top: -253px; }  #Guide { position: absolute; z-index: 7; top: 50%; left: 50%; border: None; margin-left: 56px; margin-top: -253px; }  #Forum { position: absolute; z-index: 3; top: 50%; left: 50%; border: None; margin-left: 200px; margin-top: -255px; }  #Radio { position: absolute; z-index: 3; top: 50%; left: 50%; border: None; margin-left: 328px; margin-top: -254px; }  #Box-Normale1 { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: -462px; margin-top: -170px; }  #Box-Status { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: -462px; margin-top: 10px; }  #Box-Normale2 { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: -462px; margin-top: 320px; }  #Box-Normale3 { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: 287px; margin-top: -170px; }  #Box-Status2 { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: 287px; margin-top: 10px; }  #Box-Normale4 { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: 287px; margin-top: 320px; }

---

il sito è questo:

Sito

a margin 0; prova a mettere margin: 0 auto;

ho provato, ma non va:cry::cry:

Prova a togliere i margin: 0 da body! ;) e dopo riprova a mettere:
margin-left: auto; margin-right: auto;
Ciauu! ^^

html
{
height:100%;
margin:0 auto;
}
body
{
height:100%;
margin-left: auto;
margin-top: auto;
padding:0;
}

ho messo così, ma non va :S

Metti:

Codice PHP:

---

body
{
padding: 0;
margin: 0 auto;
}


---

Sostituiscilo con quello postato da te (e togli html { .. }) Ciau!! ^^

continua a non andare :crycry::crycry::crycry:

Io il tuo sito lo vedo bene, perfettamente centrato!

Dato che utilizzi <di>, alla fine mettici un <br clear="all" />.

non so come fai O.O

sul un pc portatile ocn schermo per fisso da 1280x1240 continuo a vedere i BOX e i bottoni centrati, ma più verso il basso :S

perchè usi height 100% in html e body
se quel css è quello che ti consigliava la guida direi che devi cercarne un'altra
fatti un contenitore (position: relative) di dimensioni fisse e centra (in orizzontale) quello nella pagina senza dare dimensioni al body e html e azzerando solo i margini
e poi divertiti con z-index e quelle "bellissime" position absolute dei tuoi box

cioè tu mi dici ke devo creare un div con posizione relativa che contenga tutti gli altri?

io comincerei proprio da lì
un bel div grande quanto lo sfondo

EDIT:

potrebbe esserci un modo per far si che i div non si spostino quando accorcio la pagina in altezza?

O.o