Tableless - Desenvolvimento inteligente com Padrões Web

27/05/2004

Layout básico de 3 colunas

Galera, muita gente pediu, então eu fiz um tutoriazinho básico, que explica como fazer um layout simples de 3 colunas. Nada de outro mundo, só para esclarecer os marinheiros de primeira viagem. Layout básico de 3 colunas.

Por

Galera, muita gente pediu, então eu fiz um tutoriazinho básico, que explica como fazer um
layout simples de 3 colunas. Nada de outro mundo, só para esclarecer os marinheiros de primeira
viagem.
Layout básico de 3 colunas.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • Marcelo R. Gonçalves

    Mas se eu quiser colocar uma cor na direita ou na esquerda e que aumente coforme o
    conteudo ela não aumenta…

  • Assunção Jr.

    "Mas se eu
    quiser colocar uma cor na direita ou na esquerda e que aumente coforme o conteudo ela não
    aumenta…"

    É verdade…

  • André M.

    O tamanho do
    título varia consideravelmente se visto no Firefox e no IE6… Agora…
    como seria um layout com topo, esquerda, centro, direita e rodapé, mas
    que seja um layout líquido?

  • http://tableless.com.br/eyesmiles/galeria.asp Diego Eis

    Marcelo e
    Assunção, isso infelizmente num dá para fazer de um
    jeito fácil como tabelas. Mas dá para fazer sim. Isso
    é história para um outro tutorial.

  • http://lutandoporwasp.blogspot.com/ Aldemir Vieira

    OFF/2 :
    Aproveitando a
    oportunidade, gostaria de expor algumas considerações sobre
    "layoutar". Essa coisa de dar nome a áreas do site
    é muito delicado, principalmente quando nomeamos áreas como
    "DIREITA", "ESQUERDA",
    "CENTRO", "TOPO" etc, ou seja, nomes que
    ditam o layout. O ideal é dar nomes de acordo com o conteúdo.
    Assim, fica bastante evidente o que se quer mostrar (o conteúdo) e
    não poda a criatividade do designer.

  • André M.

    Aldemir, concordo
    contigo plenamente. Eu só coloquei a coisa deste modo com fins
    ilustrativos, para dar uma idéia melhor do que eu quis
    dizer.

  • http://www.spsi.com.br Roberto Longhi

    Nossa realmente … sou completamente
    novato em CSS mas achei fantastico o site … e pelo que consegui entender
    realmente o conceito do Aldemir está correto.

  • MUITO DEZ, DIGO,NEUSA

    EXCELENTE TRABALHO…….