centrare sull'asse y

[kobe83]

Ciao!
Vi espongo brevemente la mia domanda.

Dovrei centrare una pagina html sull'asse delle y, a quanto ho capito ci sono svariati metodi:

1-mettere tutto dentro ad una table settando il v-align a middle, ma credo che sia un pò "arcaico" come metodo

2-utilizzare i css

3-creare un javascript

Io ho creato un javascript che mi prende la risoluzione dello schermo e setta a seconda delle esigenze il "top" del div contenitore (con evidenti limiti).
Vi posto il mio esempio:

<script type="text/javascript">

    var altezzacontenuto = '';
    

    altezzacontenuto = document.getElementById('pnTestata').offsetHeight + document.getElementById('pnCorpo').offsetHeight + document.getElementById('pnMenu').offsetHeight + document.getElementById('pnPiede').offsetHeight; //altezza del corpo
        
    if(screen.height==768){
    }    document.getElementById('container').style.top= 25 + "px";
    
    if (screen.height==864){
        document.getElementById('container').style.top = 70 + "px";
    }

    if (screen.height > 960) {
        document.getElementById('container').style.top = 140 + "px";
    }
                         
    </script>

Adesso veniamo a noi.. Conoscete per caso un buon metodo per centare questa benedetta pagina sull'asse delle y.
In sostanza, qualcuno sa indirizzarmi sulla "retta via"?

Grazie davvero.
Ciao!

[graffithouse]

Originariamente inviato da kobe83
Ciao!
Vi espongo brevemente la mia domanda.

Dovrei centrare una pagina html sull'asse delle y, a quanto ho capito ci sono svariati metodi:

1-mettere tutto dentro ad una table settando il v-align a middle, ma credo che sia un pò "arcaico" come metodo

2-utilizzare i css

3-creare un javascript

Io ho creato un javascript che mi prende la risoluzione dello schermo e setta a seconda delle esigenze il "top" del div contenitore (con evidenti limiti).
Vi posto il mio esempio:

<script type="text/javascript">

    var altezzacontenuto = '';
    

    altezzacontenuto = document.getElementById('pnTestata').offsetHeight + document.getElementById('pnCorpo').offsetHeight + document.getElementById('pnMenu').offsetHeight + document.getElementById('pnPiede').offsetHeight; //altezza del corpo
        
    if(screen.height==768){
    }    document.getElementById('container').style.top= 25 + "px";
    
    if (screen.height==864){
        document.getElementById('container').style.top = 70 + "px";
    }

    if (screen.height > 960) {
        document.getElementById('container').style.top = 140 + "px";
    }
                         
    </script>

Adesso veniamo a noi.. Conoscete per caso un buon metodo per centare questa benedetta pagina sull'asse delle y.
In sostanza, qualcuno sa indirizzarmi sulla "retta via"?

Grazie davvero.
Ciao!

io ho risolto cosi.

centrare

[Gufo]

E' importante sapere se il contenitore da centrare ha un'altezza sempre conosciuta o no?

[kobe83]

grazie ragazzi, siete gentilissimi.

Si il contenutore ha dimensione fissa.

[Gufo]

Originariamente inviato da kobe83
grazie ragazzi, siete gentilissimi.

Si il contenutore ha dimensione fissa.

Allora è semplicissimo Ti preparo un esempio e te lo posto abbi pazienza 10 minuti

[kobe83]

Grande, ti ringrazio.

Per ora io ho risolto così:

style="position:absolute; border: none; width:980px; height:520px; top:50%; margin-top:-260px;"

me lo centra perfettamente sull'asse delle y ma ora è sballato quello delle x...

In IE me lo mette a destra, in FF a sinistra... mi verrebbe quasi da dire: LOL



edit: non è vero me li mette tutti e due a sinistra.

[Gufo]

Ecco qua:
Orrizzontale e verticale
verticale
Orrizzontale

[kobe83]

Ho risolto! Grazie tante Gufo e grazie tante anche a graffithouse.
Posto la soluzione per i posteri...

<div id="container" style="position:absolute; border: none; width:980px; height:520px; top:50%; margin-top:-260px; left:50%; margin-left:-490px">                       
            <asp:panel runat="server" id="pnTestata" />
            
            <asp:panel runat="server" id="pnCorpo" /> 
            
            <asp:panel runat="server" id="pnMenu" />                       

            <asp:panel runat="server" id="pnPiede" /> 
        </div>

Ciaoooo

[Gufo]

Perchè usi gli stili in linea? Non è molto corretto, gli stili vanno messi nell'head o meglio ancora esterni

[kobe83]

Ho postato la prova.
In ogni caso hai ragione, provvedo subito a metterlo esterno, greazie del consiglio.

Ciao!