Creare nel web
Call: +3265-9856-789
Il Blocco denominato Wrap ci permette di delimitare tutta l'area del layout e nel suo interno abbiamo sistemato gli altri blocchi in modo da ottenere un'area destinata alla testata (Header), l'Area di sinistra destinata per i contenuti (Left), l'area di destra che conterrà i menù per la navigazione e alla fine l'area piepagina (Footer) destinata a contenere informazioni generali.
In questo progetto abbiamo deciso di fissare un Wrap di 850px
margin: 5px auto 0 auto; si occupa di sistemare il Wrap al centro della pagina
background: #eeeeee; Colora lo sfondo del Wrap in un grigio chiaro
border: 2px solid #7097a8; Disegna un bordo di 2 px
.wrap { |
Definiamo adesso l'area della testata (Header)
L'Header sarà definita con la stessa larghezza del Wrap 850px e definiamo un'altezza di 188px, anche i margini sono impostati a zero, il padding ci permette di posizionare il testo all'interno del blocco e lo sfondo definito di colore bianco.
.header { padding: 5px 0px 0px 12px;
width: 850px;
height: 188px;
margin: 0 auto;
background: #ffffff ;
}