Feeds:
Posts
Comentários

Posts Tagged ‘tableless’

Layout 3 colunas elástico

Baseado no artigo sobre tipos de layout, vou mostrar como fazer um simples layout elástico com 3 colunas utilizando css.

A página terá um banner, uma coluna direita que será o menu, uma coluna central que será o conteúdo, uma coluna esquerda com notícias e um rodapé.

No corpo da página, entre o <body></body>, crie a seguinte estrutura:

<div id="geral">
<div id="topo">Banner</div>
<div id="coluna_dir">Menu</div>
<div id="conteudo">Conteúdo</div>
<div id="coluna_esq">Notícias</div>
<div id="rodape">Rodapé</div>
</div>

(mais…)

Anúncios

Read Full Post »