Content
O Content é onde entra o conteúdo do site, é a coluna central e que ocupa
mais
espaço por se tratar do conteúdo dos site, normalmente e a parte do site
onde o
conteúdo e dinâmico, diferente do Header e Footer que a pouca mudança,
aqui e
onde entra textos fotos e vídeos dependendo do conteúdo de um
site.
#content
{
float: left;
width: 500px;
padding: 20px 0;
margin: 0 0 0 30px;
}
#content h2 {
margin: 0;
}
SideBar
A lateral do site ou sidebar, chame como achar mais adequado é uma
das
colunas do nosso site exemplo, seu conteúdo pode ser variado dependendo
da
necessidade de cada cite, para fim de exemplo colocaremos um simples
texto
neste espaço.
#sidebar
{
float: right;
width: 200px;
padding: 20px 0;
margin: 0 20px 0 0;
display: inline;
}
#sidebar h3 { margin: 0; }
Footer
Footer ou rodapé, e a parte inferior do site, podemos colocar
informações
complementares do site , algumas vezes links menos importantes,
por ficar em
uma área de pouca visão de leitura.
#footer
{
clear: left;
background: #ccc;
text-align: right;
padding: 20px;
height: 1%;
}
Markup HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
...
Exibição do post interrompida. Para ler conteúdo completo,
clique aqui
08/09/2011 13:39:00
2011
2011
1
0
