Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di kluster
    Registrato dal
    Jul 2003
    Messaggi
    1,288

    layer 750px X 450 centrato in orizzontale e verticale, come?

    Salve, dunque prima con html mi bastava fare un

    <table width="100%" height="100%">
    <tr>
    <td align="center" valign="middle">
    <table width="750" height="450">
    <tr>
    <td> .....</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    e mi creavo il riquadro nel centro pagina 750x450 centrato orizzontalmente e verticalmente

    ora con XHTML la stessa situazione almeno crossbrowser non funziona.
    sostituendo l'height negli stili delle table nisba
    provando con lo stesso criterio creando DIV annidati mi setta solo il centro orizzontalmente mentre lo appoggia sempre e solo al top
    utilizzando la proprieta css vertical-align o vertical-alignment ora non ricordo precisamente cmq l'ho verificato e non funziona (almeno su mozilla compatibili)

    Per ora ho risolto con javascript, ma mi sembra strano che non si possa fare semplicemente con xhtml normale

    qualche suggerimento?

  2. #2
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    codice:
    #contenitore{
    position:absolute;
    top:50%;
    left:50%;
    width:750px;
    height:450px;
    margin-top:-225px; /*la metà dell'altezza*/
    margin-left:-375px; /* la metà della larghezza*/}
    Posizioni l'angolo in alto a sinistra dell'elemento(normalmente un div) a cui applicherai la regola esattamente al centro della pagina.
    Con i margini negativi pari alla metà delle sue dimensioni lo sposti al centro.

  3. #3
    Utente di HTML.it L'avatar di kluster
    Registrato dal
    Jul 2003
    Messaggi
    1,288
    Grazie mille, celere, preciso e con tanto di spiegazione
    A buon rendere pacovox

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.