Centrare content a centro pagina

[leon-kennedy]

Ciao ragazzi,eccomi di nuovo qui.
Il mio problema questa volta con il css è quello di riuscire a mettere a centro pagina il content.Ho letto in vari siti che bisogna fare un calcolo con top e left.
Potete spiegarmi meglio come fare?
La larghezza è di 910px.

http://beamanager.altervista.org/

[codencode]

Non ho capito bene...
Attualmente il content risulta centrato in orizzontale. Vuoi che lo sia anche in verticale?

[leon-kennedy]

Esattamente.Scusa se mi sono espresso male.

[leon-kennedy]

C'è qualcuno che me lo può spiegare,per favore?

[Prill]

Intendi così?

.
.centrato {
	display:block;
	position:absolute;
	width:910px;
	height:400px;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -405px;
}

(con top e left sul 50% faremmo partire il contenitore dal centro della pagina, con i margini negativi, metà della sua larghezza e dell'altezza - ho messo 400 solo come esempio -, lo posizioniamo al centro)

[leon-kennedy]

Scusa ma non funziona!

Ecco il codice che ho:

#container {
background: #228B22 url('bodycontent.JPG') top left;
border:1px solid #000000;
display:block;
position:absolute;
width:910px;
height:400px;
top: 50%;
left: 50%;
margin: -200px 0 0 -405px;
}

Lo spazio a destra,a sinistra e in basso viene lasciato,ma manca quello in alto!

[leon-kennedy]

Funziona!


1000 grazie per l'aiuto!

[rebecca85]

Anche io ho un problema del genere....

ho un div contenitore:

#contenitore {
	position: absolute;
	height: 768px;
	width: 1024px;
	background-color: #FFF;
	border: thin solid #000;
	top: 0px;
	left: 171px;	
}

per farlo stare al centro io ho preso il valore della mia risoluzione dello schermo (1366), a questo valore ho sottratto 1024 (che è la larghezza che deve avere il mio contenitore) e poi ho diviso per due (171: che diventa il mio margine sinistro).

Però, se chi naviga utilizza una risoluzione diversa, ovviamente il contenitore si sposta...
come faccio a centrarlo di modo che la posizione non sia vincolata dalla risoluzione dello schermo?

Se utilizzo questi valori:

#contenitore {
	display:block;
	position:absolute;
	width:1024px;
	height:768px;
	top: 50%;
	left: 50%;
	margin: -384px 0 0 -512px;

mi taglia il top!