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

    Centrare verticalmente un DIV

    Ciao a tutti, sono nuovo di questo forum.
    Ho un problema a centrare verticalmente un DIV (l'unico div e unico elemento della pagina).
    Devo centrarlo sia orizzontalmente che verticalmente.
    Per l'orizzontale ho usato margin-left e right ad AUTO.
    Ora non riesco ad accentrare per verticale.
    Alla fine il DIV si dovrà trvare al centro della pagina.
    Aiutatemi!!!
    Grazie


    EDIT: Utilizzo Dreamweaver CS4, se può esservi utile a risolvere.

  2. #2
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    #centrato {
    	background: #F00;
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	width: 400px;
    	height: 400px;
    	margin: -200px 0 0 -200px;
    }
    </style>
    </head>
    
    <body>
    <div id="centrato">Inserire qui il contenuto per  id "centrato"</div>
    </body>
    </html>

  3. #3
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Altra soluzione senza posizionamenti assoluti e margini negativi sfruttando la possibilità di centrare verticalmente come con le celle di tabella usando il display table e table-cell: http://www.pmob.co.uk/pob/hoz-vert-center.htm

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