Mettere tutto al centro [era: Ho un problema...]

[Gorgoglius]

salve.. questo è il mio codice css:

code:
Html {
margin:0;
padding:0;
}

Body { background-color:#0000CC;
font-family:Verdana, Times New Roman;
font-size:12px;
text-align:center;
margin:0;
padding:0;
height: 100%
}

p { color:#FFFFFF }
p:first-letter {color: white; font-weight: bold;}

.corpo {
background-color:#0000CC;
width:700px;
margin: 0px auto;
position: relative;
}

.testa {
width:700px;
height:100px;
margin: 0px auto;
}

.pag {
width:700px;
margin:0px auto;
}

.footer {
margin:0px auto;
background:#CCFFFF;
position:absolute;
bottom:0px;
width:700px;
}



il mio problema è che il footer non mi sta al centro della pagina, ma a sinistra.. so per certo che il problema è il position: absolute, ma non so come correggerlo.. voglio che quella parte di pagina mi stia sempre in fondo e centrato.. come faccio??

[Alberto]

Il footer è contenuto in un'altro div?

[Gorgoglius]

questo è il mio file css.. nell'html ho:


p class CORPO
p class TESTA
/p
p class PAG
/p
p class FOOTER
/p
/p

[Mich_]

Dentro un

non ci possono stare altri tag di tipo blocco.

In linea di massima il

esterno (CORPO) dovrebbe diventare un <div>

[Gorgoglius]

ok, ho risolto.. ora ho un'altro problema.. se la mia pagina è troppo lunga appare lo scroolbar del browser e, andando a fondo pagina con esso, visualizzo solo lo sfondo del body... come faccio ad inserire la scroolbar solo nella classe "pag"??

[ricman]

Originariamente inviato da Gorgoglius
... come faccio ad inserire la scroolbar solo nella classe "pag"??

.pag { /* meglio sarebbe con # */
overflow: auto;
height: 200px; /*o quanto ti pare*/
}