Originariamente inviato da Ph:l
ok ma come faccio a far in modo che il div stia in mezzo alla pagina con qualsiasi risoluzione?

perchè se uso absolute e cambio risoluzione mi va in giro
Per centrare un elemento a misure fisse verticalmente e orizzontalmente,
codice:
Regole Css:

width: 200px; /*la larghezza dell’elemento*/
height: 100px; /*l’altezza dell’elemento*/
position: absolute; /*posizione assoluta per potere riposizionare l’elemento*/
left: 50%; /*il bordo sinistra dell’elemento si troverà al 50% della larghezza disponibile*/
top: 50%; /*il bordo superiore dell’elemento si troverà al 50% dell’altezza disponibile*/
margin-left: -100px; /*la metà della larghezza dell’elemento è tolta come margine superiore per centrarlo*/
margin-top: -50px; /*la metà dell’altezza dell’elemento è tolta come margine superiore per centrarlo*/
Esempio concreto:
codice:
<div style=”width:200px;height:100px;position:absolute;left:50%;top:50%;
margin-left:-100px;margin-top:-50px;”>
<!–contenuto–>
</div>