Visualizzazione dei risultati da 1 a 2 su 2

Discussione: centrare il layout

  1. #1

    centrare il layout

    Ciao sono alle primissime armi e sto cercando di imparare.
    Sto modificando a mio piacimento header footer left e right ora vorrei sapere come si fà a centrare il tutto magari che lo faccia autonomamente rispetto ai monitor degli utenti.
    grazie in anticipo.
    copio il codice qui sotto.
    -----

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

    <HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><HEAD><META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <TITLE>index</TITLE>

    <STYLE type="text/css">


    body{
    background-color:#dc8;
    font-size:16px;
    margin:0;
    padding:0;
    }

    #header{
    background-color:#333;
    height:90px;
    width:1024px
    }

    #left{
    float:left;
    width:227px;
    background-color:#dc8;
    min-height:650px;
    height:auto
    height:545px;
    }

    #center {
    margin-left:227px;
    background-color:#eec;
    min-height:650px;
    height:auto
    height:545px;
    width:797px;
    }

    #footer {
    clear:both;
    background-color:#333;
    height:133px;
    width:1024px
    }
    </STYLE>
    </HEAD><BODY>
    <DIV id="header">
    </DIV>
    <DIV id="left">
    </DIV>
    <DIV id="center">
    </DIV>
    <DIV id="footer">
    </DIV>

    </BODY></HTML>

  2. #2
    Un div, rispetto a chi lo contiene, si centra così (è un esempio):

    codice:
    #centrami {
      width:700px;
      height:200px;
      margin:0 auto;
    }
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

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.