Posizionare un DIV al centro della pagina.

[TheLinuxBadGuys]

Voglio inserire un DIV che sia centrato nella pagina HTML.

Ho fatto questo solo che non risulta centrato ne con explorer ne con Firefox.

Sapreste indicarmi l'errore?


<div style="text-align: center">

<div id="central" style="position: absolute; margin:auto; top: 100px; width: 400px; text-align: left">


TESTO CHE DOVEBBE COMPARIRE AL CENTRO DELLA PAGINA


</div>

</div>



thelinuxbadguys

[MrWeb__82]

prova con questo:

<div id="central" style="position: center; margin: auto; padding-top: 100px; width: 400px; text-align: left;">

TESTO CHE DOVEBBE COMPARIRE AL CENTRO DELLA PAGINA

</div>

[Mich_]

Originariamente inviato da MrWeb__82
prova con questo:

<div id="central" style="position: center; margin: auto; padding-top: 100px; width: 400px; text-align: left;">

TESTO CHE DOVEBBE COMPARIRE AL CENTRO DELLA PAGINA

</div>

E che a Napoli anche i CSS hanno le regole diverse? (non basta il codice stradale? )
Da dove salta fuori position: center?

Per centrare un oggetto in orizzontale, bisogna:
- che il contenitore abbia larghezza definita (eventualmente anche 100%, ma allora la cosa e` ricorsiva fino ai blocchi body E html)
- dare al blocco da centrare: margin: 0 auto;
- per sistemare anche in IE, aggiungere anche nel contenitore: text-align: center;

[ricman]

Originariamente inviato da MrWeb__82
<div id="central" style="position: center; margin: auto; padding-top: 100px; width: 400px; text-align: left;">
TESTO CHE DOVEBBE COMPARIRE AL CENTRO DELLA PAGINA
</div>

Position:center

Vai così...

#central {
background-color:#0099FF; /*solo per vedere meglio la posizione del Div*/
margin: 0 auto;
width: 400px;
text-align: center; /*per IE*/
}