Centrare un div nel body

[bob18]

salve ragazzi.

mi servirebbe poter centrare un div rispetto al corpo (body) della pagina.

Sapreste dirmi che attributo devo applicare?


grazie

[floyd46]

body{
margin:0;
padding:0;
text-align:center;
}

#tuodiv{
margin:0 auto;
padding:0;
}

ciao

[bob18]

grazie!!!

[bob18]

Originariamente inviato da floyd46
body{
margin:0;
padding:0;
text-align:center;
}

#tuodiv{
margin:0 auto;
padding:0;
}

ciao

niente da fare... non funziona.
il div rimane sempre allineato a sinistra

[pierofix]

body {
   margin: 0; padding: 0;
   text-align: center;
}
div {
   width: 600px;
   text-align: left;
   margin: 0 auto 0 auto;
}

Così dovrebbe proprio andare...

[bob18]

non funziona lo stesso, perchè sto usando l'attributo
position: absolute

non c'è un modo per poter centrarla usando contemporaneamente questo attributo?

[pierofix]

Ma scusa, a che ti serve il posizionamento assoluto? Io lascerei stare (io l'ho lasciato stare da un bel po')...

[bob18]

come mai dici di abbandonare il position: absolute?
comunque sia, non va

riporto direttamente il contenuto del css:


BODY { text-align: center; margin: 0; padding: 0; background-image: url(imm/back.gif); background-color: #98870C }

#divbordonero {
width: 504px;
align: center;
text-align: left;
position: absolute;
height: 704px;
left: 0;
top: 10;
margin: 0 auto 0 auto;
padding: 0;
background-color: #000000;
}

#divmain {
width: 486px;
text-align: left;
position: absolute;
height: 686px;
left: 8;
top: 8;
background-color: #DDDDDD;
}


Praticamente il #divbordonero è il div principale, che deve contenere #divmain ed essere allineato al centro della pagina...

grazie!

[floyd46]

elimina align: center;;
nel codice CSS non esiste.

Inoltre non puoi centrare un div se usi position:absolute;
o meglio si può fare ma nn puoi avere absolute + margin:0 auto;

prima di scriverti il codice ho provato a realizzare il box;
a me è centrato nella pagina;

ciao

[floyd46]

prova a vedere a questo link se è quello che volevi:

http://www.extrowebsite.com/box.htm

ciao

P.S: se è quello il risultato che volevi raffiungere, avresti potuto creare una gif e metterla come background.