allineare div al centro

[gasparroa]

come faccio ad allineare questo div al centro???
ho provato mettendo
margin-right:auto;
margin-left:auto;
ma non funziona

<style type="text/css">
#layer1 {
position: absolute;
visibility: hidden;
width: 400px;
height: 300px;
left: 20px;
top: 300px;
background-color: #ccc;
border: 1px solid #000;
padding: 10px;
}


#close {
float: right;
}

[ricman]

Al centro... cosa? Orizzontale? Verticale?

[gasparroa]

al centro della pagina sia in orizzontale che verticale

[miki003]

<style type="text/css">
<!--
#layer1 {
position: absolute;
visibility: visible;
width: 400px;
height: 300px;
left: 50%;
top: 50%;
background-color: #ccc;
border: 1px solid #000;
margin: -150px 0 0 -200px;
padding: 0px;
}
-->
</style>

[blekm]

http://forum.html.it/forum/showthrea...readid=1239781

[grandeorco]

Originariamente inviato da miki003

<style type="text/css">
<!--
#layer1 {
position: absolute;
visibility: visible;
width: 400px;
height: 300px;
left: 50%;
top: 50%;
background-color: #ccc;
border: 1px solid #000;
margin: -150px 0 0 -200px;
padding: 0px;
}
-->
</style>

Scusa l' intromissione ma ho natato che allineando cosi mi è successo che quando la risoluzione del monitor è inferiore alle dimensioni del div non mi si attiva la scrollbar e quindi non vedo tt il div spero che nn sia capitato solo a me

[ricman]

Originariamente inviato da grandeorco
spero che nn sia capitato solo a me

Puoi stare tranquillo... è la prassi di quel metodo...

[gasparroa]

Grazie mille per l'aiuto

[miki003]

Originariamente inviato da grandeorco
Scusa l' intromissione ma ho natato che allineando cosi mi è successo che quando la risoluzione del monitor è inferiore alle dimensioni del div non mi si attiva la scrollbar e quindi non vedo tt il div spero che nn sia capitato solo a me

Si pruo ovviare con

overflow: scroll;