posizionare i contenuti al centro

[luci88]

Salve,

ho creato un container alto 400px e vorrei posizionarlo al centro della pagina, in modo tale che pur ridimensionando la finestra o con diverse risoluzioni resti sempre al centro sia in larghezza (ma questo è semplice) che in altezza (e qui sta il problema)!!
Spero di essere stato chiaro
Qualcuno può aiutarmi?

grazie

[ricman]

Originariamente inviato da luci88
resti sempre al centro sia in larghezza (ma questo è semplice) che in altezza (e qui sta il problema)!!

Vedi un po' se una cosa del genere ti risolve...

#div_contenitore {
	position: absolute; top:50%; left:50%;
	height: 400px;
	width: 900px;
	margin: -200px 0px 0px -450px;
	text-align: left;
	padding: 0px;
	border: 1px solid red;
}

[luci88]

rispetto all'altezza è perfetto, rimane sempre centrato come volevo, ma in larghezza è spostato parecchio sulla sinistra

[luci88]

scusami,
problema risolto: io avevo settato width: 700px, mentre tu 900px; bastava fare la metà!!
che stupido

grazie per l'aiuto

[Xnetus]

Originariamente inviato da luci88
rispetto all'altezza è perfetto, rimane sempre centrato come volevo, ma in larghezza è spostato parecchio sulla sinistra

Scusami ma non ho capito, hai detto che è centrato ma in larghezza è spostato a sinistra.
Puoi spiegarti meglio?

[luci88]

no in realtà adesso è risolto, avevo sbagliato a settare il margine negativo sinistro rispetto alla larghezza del container: il mio è 700px e il margine era -450px, mi è bastato impostare -350px come margine e tutto si è centrato perfettamente!

[ricman]

Originariamente inviato da luci88
no in realtà adesso è risolto, avevo sbagliato a settare il margine negativo sinistro rispetto alla larghezza del container: il mio è 700px e il margine era -450px, mi è bastato impostare -350px come margine e tutto si è centrato perfettamente!

Esatto... i margini sono la metà delle misure...