Centratura in risoluzione 1280x1240

[Lollinos]

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:

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

[ricman]

Io lo vedo centrato anche a risoluzioni più alte
(uso FF)
Personalmente non uso mai le position:absolute... ho sempre avuto qualche problemino sparso qua e là

[Lollinos]

ma i lsito si vede bene...solo che con uno sc hermo 1280x1240 i bottoni e i box li vedo spostati verso il basso...e non so il perchè :S

[ricman]

Originariamente inviato da Lollinos
ma i lsito si vede bene...solo che con uno sc hermo 1280x1240 i bottoni e i box li vedo spostati verso il basso...e non so il perchè :S

Ho due monitor... quindi se allargo il browser arrivo moooolto più di 1280.
Però non vedo bottoni... Vedo un pagina verde con qualche box laterale...

[Lollinos]

allora visualizziamo un'altro problema... c'è un modo per far si che i div non si spostino quando accorcio la pagina in altezza?

O.o

[ricman]

Forse i "bottoni" sono dei tag A applicati a delle foto? Se sono quelli li vedo, in alto...
Quando parlo di bottoni di solito pensano ai tag Input (quelli dei Form).. forse non c'eravamo capiti.

Per il resto ti suggerisco di dare una letturina, anche veloce, a tutti i link di questa guida
http://css.html.it/guide/lezione/90/...i-nella-guida/

Dovrebbe aiutarti a schiarirti le idee... e a partire subito col piede giusto...