Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2002
    Messaggi
    107

    Centrare div in verticale.

    Ciao, ho bisogno di centrare un div sia in verticale che in orizzontale all'interno della mia pagina html.
    In orizzontale funziona, ma in erticale no.

    Questa è la mia pagina.
    ---------------------
    <html>
    <head>
    <title></title>
    <style type="text/css">
    body {text-align : center; vertical-align: middle;}
    #contenuto {width: 760px; border: 1px solid gray; margin: auto; padding: 10px;}
    </style>

    </head>
    <body>

    <div id="contenuto">
    Prova div
    </div>

    </body>
    </html>
    ---------------------

    Mi sapete aiutare per favore?

    Ciao e grazie

  2. #2
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541

    Re: Centrare div in verticale.

    Originariamente inviato da patajanja
    Ciao, ho bisogno di centrare un div sia in verticale che in orizzontale all'interno della mia pagina html.
    In orizzontale funziona, ma in erticale no.

    Questa è la mia pagina.
    ---------------------
    <html>
    <head>
    <title></title>
    <style type="text/css">
    body {text-align : center; vertical-align: middle;}
    #contenuto {width: 760px; border: 1px solid gray; margin: auto; padding: 10px;}
    </style>

    </head>
    <body>

    <div id="contenuto">
    Prova div
    </div>

    </body>
    </html>
    ---------------------

    Mi sapete aiutare per favore?

    Ciao e grazie
    mmm se al div aggoingi class=contenuto???

  3. #3
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    Vertical align non funziona, dovresti centrare il box usando il posizionamento assoluto al 50% e i margini in negativo.
    Quì trovi un tutorial ben fatto:
    http://www.constile.org/template/centrare_il_box/
    Ciao.

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.