Tutti o molti sanno come centrare un div nel body di una pagina. E per chi non lo sa è facile cercare e arrivare alla soluzione:
Basta inserire nel tag body: text-align=center; in questo modo:
<body style="text-align=center;">
e nel div:
#tuodiv {
margin: 0 auto 0 auto;
}
Un pò più complicato è centrare un div usando l’ attributo position:absolute;
La soluzione che ho trovato dopo molte ricerche:
#div_da_centrare{
position:absolute;
width:900px;
height:810px;
left:50%;
margin: 0 0 0 -450px;
}
cioè dando un margine left del 50% e impostando l’ altro margine all’ opposto della metà dell’ intera lunghezza del div.
Altri articoli che potrebbero interessarti:
Loading ...
paola (2 comments)
funziona per l’allineamento, peccato pero’ che aggiungendo
allinea anche tutti i testi di tutti i contenuti all’interno del div principale al CENTRO!!!!
io ho allineamenti justify e a sinistra da mantenere, ma mi prende solo quello al centro che resta il principale… sign
come fare?
Mephiston (1 comments)
Io ho fatto in quel modo, ma se sulla sinistra metto un menù, viene tagliato e non mi consente di scorrere verso sinistra per visualizzarlo
Paco (1 comments)
Sembra funzionare…
salvatore (6 comments)
Ottimo il metodo con il CSS absolute se, come nel mio caso, era richiesto di centrare un banner nella pagina a prescindere dalla risoluzione dello schermo.
mi hai salvato la serata,ci stavo impazzendo… thanks
Luca Hiwatt (1 comments)
M’hai salvato! Arigato!
stefano9lli (1 comments)
Beh, grazie mille =)
marco (11 comments)
grazieeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee bravissimo…..
Simo (1 comments)
Funziona!! Dopo ore di ricerca finalmente qualcosa di funzionante!