Visualizzazione dei risultati da 1 a 5 su 5

Discussione: centrare un div

  1. #1
    Utente di HTML.it L'avatar di iBat
    Registrato dal
    Nov 2003
    Messaggi
    867

    centrare un div

    può sembrare una cosa stupidissima ma non ci riesco

    ho un div "raccogliotre" che contiene tutta la mia pagina. come faccio a farlo stare al centro dello schermo senza dover creare un altro div che lo contiene avente la proprietà align="center"? (non posso usarla se no non mi valida xhtml 1 strict
    sgt.rossi,01-09-2007 11:33, dice:
    "per quello cn la mucca sull'avatar stai attento a come parli.."

  2. #2
    codice:
    <div style="margin:auto;">
    inoltre, per body e html:

    codice:
    html, body {
     text-align:center;
    }
    ciao

  3. #3
    Utente di HTML.it L'avatar di iBat
    Registrato dal
    Nov 2003
    Messaggi
    867
    scusami ma non l'ho proprio capita

    posto il codice

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Lunargate.net</title>
    <link href="stile.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div style="text-align:left" id="raccoglitore"> 
      <div id="header">
        <div align="right">[img]immagini/header-right.jpg[/img]</div>
      </div>
      <div align="right" id="menu">
        <div class="testo">
          
    
    Menu di destra</p>
          
    
    abcd</p>
        </div>
      </div>
        <div id="centrale">
          <div class="testo">
    
    
     abcdefghilmnopq</p>
          </div>
        </div>
    <div align="center" id="credits"> Credits</div>
    </div>
    </body>
    </html>
    devo fare in modo che tutta la pagina sia al centro dello schermo.. il div che contiene tutta la pagina è quello commentato
    sgt.rossi,01-09-2007 11:33, dice:
    "per quello cn la mucca sull'avatar stai attento a come parli.."

  4. #4
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    <style type="text/css">
    
    html, body {
     text-align:center;
    }
    
    </style>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Lunargate.net</title>
    <link href="stile.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div style="text-align:left;margin-left:auto;margin-right:auto;" id="raccoglitore"> 
      <div id="header">
        <div align="right">[img]immagini/header-right.jpg[/img]</div>
      </div>
      <div align="right" id="menu">
        <div class="testo">
          
    
    Menu di destra</p>
          
    
    abcd</p>
        </div>
      </div>
        <div id="centrale">
          <div class="testo">
    
    
     abcdefghilmnopq</p>
          </div>
        </div>
    <div align="center" id="credits"> Credits</div>
    </div>
    </body>
    </html>
    prova così.

  5. #5
    Utente di HTML.it L'avatar di iBat
    Registrato dal
    Nov 2003
    Messaggi
    867
    perfetto, grazie!

    ora ho corretto anche gli altri 2 align e me lo valida
    sgt.rossi,01-09-2007 11:33, dice:
    "per quello cn la mucca sull'avatar stai attento a come parli.."

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.