Centrare DIV

[netgost87]

Salve a tutti,
ho una div definita cosi':

<div id="contenuti" style="position:absolute; z-index:10"></div>

volevo sapere come centrararla nella pagina.

Grazie

[Mega69]

Questa cosa si ottiene col CSS.
HTML:

<div id="overlay"></div>

CSS:

overlay {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-100px;
  margin-left:-100px;
  display:block;
  width:200px;
  height:200px;
  background:#ff0000;
}

Se le dimensioni del box non sono fisse la cosa diventa un pò più complicata; in quel caso devi aggiungere un pò di markup e usare js per centrarlo verticalmente.

[netgost87]

Ti rigrazio!