allineamento verticale pagina

[antlab]

ciao a tutti,

ho letto un po di discussioni in merito ma essendo proprio alle prime armi ...

vorrei allineare tutta la pagina al centro dello schermo (sia orizzontalmente che verticalmente)
... mi è stato suggerito questo codice ma allinea solo orizzontalmente..
un aiutino?

<STYLE type="text/css">
div#container
{
width: 800px;
height: 560px;
position:relative;
margin: 0 auto;
text-align:left;
}
body
{
text-align:center;
margin:0
}
</STYLE>


e poi ad inizio e fine body:

<DIV id="container">
</DIV>

grazie
ciao

[Another-Life]

Le dimensioni (altezza e larghezza) sono quelle reali di utilizzo oppure solo di esempio??

[antlab]

sono reali..... sono le dimensioni della tabella che contiene tutti gli elementi della pagina..

grazie
Antonio

[Another-Life]

Azz...ancora a tabelle siamo lol...cmq dovresti postare il codice Css e Xhtml completo,thx^^

[fcaldera]

tratto dai link utili

"Centrare box
http://www.constile.org/template/centrare_il_box/"

e se mi permetti un consiglio non usare tabelle per impaginare il layout

[antlab]

allora ragazzi, sono riuscito a risolvere in parte leggendo il link postato sopra

ora ho modificato il codice così:


<STYLE type="text/css">
div#container
{
width: 782px;
height: 550px;
position: absolute;top:50%;left:50%;
margin: -275px -391px;
text-align:left;

}
body
{
text-align:center;
margin:0
}
</STYLE>

il mio dubbio ora è, che se la finestra del browser è più piccola del box container una parte non è visibile neanche con le barre di scorrimento del browser... è normale così... si può ovviare in qualche modo?

p.s. mi sono dimenticato di dire che il sito lo sto realizzando con bluevoda.... (dunque sono più che newbe)

[fcaldera]

devi copiare tutto il codice... non solo una parte :rollo:

ad esempio ti sei dimenticato
body,html { height:100%;margin:0 }

controlla che il tuo codice e quello dell'esempio corrispondano.

[antlab]

ho aggiunto la parte che mancava ma non va
ho anche guardato i commenti relativi all'articolo e ce n'è uno che riguarda il mio stesso problema "e se il box è grande ? | di: Tomas" ma non ha ricevuto risposta......

[Another-Life]

L'esempio lo devi seguire alla lettera...le proprietà text-align non ci sono e il selettore body non ha quello stile.

[antlab]

se provi a ridurre la finestra dell'esempio che c'è nella pagina dell'articolo vedrai che il difetto lo fa anche a lui ( sia con FF che con IE)