Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Centrare un sito

  1. #1

    Centrare un sito

    Ciao ragazzi,
    da pochi giorni mi sono lanciato con i ccs..
    veramente affascinanti.. cmq.. ho un piccolo problema..
    ho trovato una stuttura tra le demo di dreamweaver 8 che andrebbe giusto bene per un progetto che devo realizzare..
    l'unica cosa non riesco a centrare il sito..
    come si fa?
    ringrazio

  2. #2
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    codice:
    body{text-align:center;}
    #contenitore{
     width: 70%;
     margin: auto;
     text-align:left;
    }
    http://www.terenzani.it/7/lallineame...tml-con-i-css/

  3. #3
    io ho questa body, come lo modifico..

    body{
    width: 800px;
    font-family: Arial,sans-serif;
    color: #333333;
    line-height: 1.166;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF url(File/bg_grad.jpg) fixed;
    }

  4. #4
    nel body per centrare metti text-align:center; e nel contenitore padre se vuoi ripristinare l'allineamento inserisci text-align:left; o l'allineamento che vuoi.

  5. #5
    metti il body a

    codice:
    body{
    font-family: Arial,sans-serif;
    color: #333333;
    line-height: 1.166;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF url(File/bg_grad.jpg) fixed;
    text-align:center; /* center per la centratura in IE */
    }
    e poi ti crei un DIV che rimpiazzi il body (che ora occupa tutto lo schermo). sarà lui ad essere centrato. dentro a sto div ci ficchi tutta la pagina, in questo modo

    codice:
    <body>
    <div id="container">
      
    </div>
    </body>
    codice:
    #container {
    width: 800px;
    margin:0px auto; /* auto per la centratura orizzontane in FF e simili */
    padding:0;
    text-align:left; /*ripristini l'allineamento corretto. se preferisci usa justified */
    }
    GreyFox (Linux registered user #435102)
    greyfox.imente.org - GreyFox's shots (photo gallery)
    $ cd /pub
    $ more beer

  6. #6
    grazie mille..
    PERFETTO!!

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.