Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Centrare con un div invece che con una table

    Salve ragazzi, dopo essermi letto tutte le guide sui layout table-less etc etc stavo provando a piegare alcune soluzioni ai miei scopi.

    Vengo subito al problema, ho bisogno di centrare verticalmente ed orizzontalmente gli elementi della mia pagina.

    Normalmente avrei utilizzato
    codice:
    <style>
    html,body { height:100%; margin:0; padding:0; }
    </style>
    
    <html>
    <body>
    
    <table cellpadding=0 cellspacing=0 width=100% height=100%><td align=center>
    
    CONTENUTO
    
    </td></table>
    
    </body>
    </html>
    Come posso realizzare questo con un bel div?

    Ho provato con una cosa tipo:

    codice:
    <style>
    html,body { height:100%; margin:0; padding:0; }
    </style>
    
    <html>
    <body>
    
    <div style="width:100%; height:100%; text-align:center; vertical-align:middle">
    
    CONTENUTO
    
    </div>
    
    </body>
    </html>
    Tuttavia... non si centra in altezza manco a pagarlo, in effetti mi sto domandando ma sto vertical align se e' supportato da qualche browser realmente o e' solo un pezzo di css morto..
    mentre per il text align qualche elemento si centra, qualche altro no O_o'

  2. #2
    Utente di HTML.it
    Registrato dal
    Mar 2006
    Messaggi
    74
    Per quanto ne so io vertical-align si applica solo ad elementi inline, tu stai cercando di applicarlo ad un elemento di blocco.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.