centrare un documento

[zoc]

ciao a tutti....
qualcuno mi saprebbe indicare come faccio a centrare un immagine nella finestra del browser?
come se avessi una tabella al 100% si width e height con align center e valign middle...?
in modo che se uno muove la finestra del browser rimane sempre centrata...
grazie mille!

[Eönwë]

Crei un un div, ci metti l'immagine dentro.
Al div associ una classe e metti questa formattazione:

#divcentrata {

height: 300px;

width: 400px;

left: 50%;

right: 50%;

position: absolute;

margin-left: -200px;

text-align: center;

margin-top: -150px;

top: 35%;

bottom: 50%;

}

E' importante che la position sia ad "absolute", in modo che si agganci alla pagina e non alle celle superiori, e che i magini "top" e "left" siano la metà esatta della larghezza e altezza e larghezza della cella, tipo width: 300px, margin-left: -150px;

[zoc]

grazie mille....
e se invece dovesse essere un div di altezza variabile, come per esempio un testo dinamico?
si puo' risolvere il problema?
grazie!

[Eönwë]

inserisci il div in un altro div, e centri solo il contenitore, si adatterà con la percentuale.
Ma aspetta che ti trovo un articolo interessante con l'uso combinato di js