un layout sempre centrato, orizzontale e verticale

[legal-x]

salve a tutti,

ho letto abbastanza topic a riguardo, ma non sono ancora giunto ad una soluzione.

Impostando la pagina così

html, body, {
width:100%;
height:100%;
margin: 0;
padding: 0;
border: none;
text-align: center;
}

Come faccio a posizione il container al centro della pagina, sapendo la larghezza ma non l'altezza (che può essere variabile) ?

[ricman]

Originariamente inviato da legal-x
Come faccio a posizione il container al centro della pagina, sapendo la larghezza ma non l'altezza (che può essere variabile) ?

Mi sa che non puoi... devi fissare l'altezza per poi giocare coi margini.

[digitos]

box{width:tua larghezza;margin:0 auto;}

[ricman]

Originariamente inviato da digitos

box{width:tua larghezza;margin:0 auto;}

Scusa ma non mi sembra che così si centri verticalmente...

[legal-x]

si infatti

ci ho quasi rinunciato !

[Mich_]

metti nel contenitore (quello da centrare):
margin: auto;

In orizzontale funziona sicuro (nei browser standard), in verticale potrebbe funzionare, ma dipende se il browser e` in grado di determinarne l'altezza (e naturalmente se il contenitore e` piu` basso del body).

Per IE6 potrebbe funzionare
vertical-align: middle;
da inserire nel body (a somiglianza del text-align)

Altrimenti occorre inserire un piccolo JS, che determina le dimensioni del contenitore da centrare e setta i margini di conseguenza.

[digitos]

Originariamente inviato da ricman
Scusa ma non mi sembra che così si centri verticalmente...

Scusa avevo letto che avevi bisogno di centrarlo orizzontalmente.

[legal-x]

quale consiglio su JS da inserire per capire le dimesione della pag ?

Funzionerebbe con tutti i browser questo sistema ?

[ricman]

Originariamente inviato da legal-x
quale consiglio su JS da inserire per capire le dimesione della pag ?

Qui col JS siamo OT... comunque a mente ricordo: screen.height che ti calcola l'altezza della risoluzione del monitor da cui puoi fare le tue deduzioni. Poi sennò vai a googolare sulle dimensioni della finestra del browser...

Originariamente inviato da legal-x
Funzionerebbe con tutti i browser questo sistema ?

Si...