Centrare un <div>

[pippo26]

Ciao, vorrei allineare il div al centro della mia tabella. In sostanza ho una tabella 760x420 centrata rispetto al browser, vorrei se possibile centrare anche il div, come posso fare?


#divcentrato {
width: 400px;
height: 400px;
z-index: 1;
border : 1px solid #CC0033;
position: absolute;
display: none;
padding: 0;
magrin-left: 50%;
}

Grazie

[floyd46]

hai provato a dare margin: auto; al #divcentrato?
non credo serva il posizionamento assoluto; e poi, perchè: display: none; ?
Floyd

[thomas_anderson]

ciao!
dai alla tabella text-align: center e al div margin-left/right: auto. la prima serve per IE, i secondi per gli altri browser. occhio che nel tuo CSS c'è un errore: hai scritto magrin-left al posto di margin-left.

[pippo26]

Originariamente inviato da thomas_anderson
ciao!
dai alla tabella text-align: center e al div margin-left/right: auto. la prima serve per IE, i secondi per gli altri browser. occhio che nel tuo CSS c'è un errore: hai scritto magrin-left al posto di margin-left.

ho provato così,

#divcentrato {
width: 400px;
height: 400px;
z-index: 1;
border : 1px solid #CC0033;
position: absolute;
display: none;
margin-right: auto;
margin-left: auto;
}


ma il mio div (che tramite uno script, dopo un tot di tempo viene visualizzato) viene visualizzato sempre attaccato al lato sinistro della mia tabella centrata.

[floyd46]

al suo contenitore, assegna: text-align: center;

[floyd46]

scusa ma mi sono confuso:
dovresati eliminare il position:absolute al div.
Floyd

[pippo26]

se tolgo
position: absolute;
la tabella viene spostata sotto il <div>... in sostanza in questa tabella centrata ho tutto il sito, il div dovrebbe visualizzarsi centrato sopra tutto il sito...

[pippo26]

nessuno sa aiutarmi?

[The knight]

Devi usare

float: center
text-align: center
margin: auto

togliere position absolute, z-index

[pippo26]

ciao, z-index mi serve perchè il div deve visualizzarsi sopra tutto il sito...(tipo pop-up)