Allineamento centrale di un DIV

[giulioferri]

E' possibile allineare centralmente un DIV#id in una pagina?

Ad esempio, questo

#prova {
	position: absolute;
	top: 55px;
	width: 200px;
	height: 15px;
	padding: 10px;
	border: 1px solid #00CC33;
	background-color: #FFFFFF;
}

Cosa devo cambiare o aggiunger? Grazie

[ennx]

Ciao, anch'io credo di avere il tuo stesso problema,
In pratica vorrei creare un layout come questo :
h--p://www.e-texteditor.com/

con la zona dell'header che copre tutta la larghezza del browser e la parte dei contenuti centrata.

Ma non riesco a centrare i contenuti.
il mio css finora si presenta così:


body {
text-align:center;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;
}

#container {
width: 100%;
text-align:left;
margin: auto;
}

#header {
height: 100px;
color:Black;
width: 100%;
}

#content {
widht: 60%;
}


Il problema è che il DIV content mi viene allienato alla sinistra del layout, non al centro..
e con esso anche la navbar che sta sopra (non inserita qui nell'esempio).
Il layout che mi appresto a fare cmq è monocolonna.

Spero di ricevere chiarimenti da gente più esperta.

Cordiali Saluti
Ennio

[Mich_]

I due problemi sembrano simili, ma in realta` sono molto diversi, dato che Giulio usa i posizionamenti assoluti, che richiedono tecniche molto diverse (consiglio una ricerca nel forum - la soluzione e` gia` stata data molte volte).

Anche la centratura di un blocco non posizionato e` un argomento affrontato piu` volte, per cui faccio solo un accenno terorico per i browser standard (quindi escludendo IE quirks mode).
Anzitutto un blocco puo` essere centrato SOLO dentro un blocco che ha una larghezza definita.
Anche width:100% e` una larghezza definita, ma a condizione che sia definita la larghezza del contenitore (non e` il caso di ennx, a cui manca tale definizione nel body e nell'html)
Poi per centrare e` sufficiente dare margini automatici a destra e sinistra.

[ennx]

ok, grazie.. risolto il problema