| Maior acervo de vídeo aulas da web

Felipe Cardozo
1.731 visitas
23 jun 2009
4 Comentários

Não consegue visualizar a vídeo aula?

Estruturação de um layout de 3 colunas

Olá comunidade. Felipe Cardozo na área com mais uma super vídeo aula de tableless. Estava trabalhando na estruturação de um projeto que estamos desenvolvendo e resolvi compartilhar com vocês.
Nesta vídeo aula, iremos ver como desenvolver uma estrutura de layout desde o zero.

Bom estudo!

Atualização 10/04/2009

Pessoal. Realmente vi que houve um problema que passou por despercebido no fim desta vídeo aula. Acontece! Coisa simples.

Resolvi o bug do layout de uma forma muito simples.

Retirei o “overflow:auto” do “wrap” e criei uma div chamada “divclear” com o “clear:both”. Coloquei esse div antes da div que fecha o wrap.

Obrigado ao amigo Adir que no comentário nos deu esta super dica do clear na div antes do fechamento da div pai.

Você gostou dessa Vídeo Aula, então compartilhe com seus amigos

Comentários

http://www.acessepiaui.com.br/piripiri Michel Aguiar

onde posso baixar o Ieteste

http://www.videoaulasbrasil.com.br David CHC

@Michel Aguiar, aqui tá o link pra vc baixar:

http://www.my-debugbar.com/wiki/IETester/HomePage

http://www.ophicinadaweb.com.br Diogo Lopes

Grande vídeo aula Felipe, to apredendo bastante aqui no VAB.

Abraço.
Dinhotaswolf

Ótimo vídeo, mas fui tentar fazer e não consegui.

Amigo estou com um problema grave aqui. Não estou conseguindo colocar as colunas na mesma linha. A div esquerda está flutuando a esquerda, a div central está no centro e a div direita está flutuando a direita. Porém, cada uma em uma linha. Como posso fazer para deixá-las na mesma linha? Esse é o único problema pois o restante do layout está todo normal. Vou colocar abaixo o código css referente as divs:#coluna_esquerda, #meio, #coluna_direita, #rodape, #menu{ padding:3px; min-height:100%; clear:both; }#coluna_esquerda, #coluna_direita{ width:250px; }#coluna_esquerda{ float:left; text-align:left;}#coluna_direita{ float:right; }#meio{ margin:0 270px; }Fico grato por qualquer ajuda que possa fornecer.Ps1. Isso acontece em todos os navegadores e versões.
Ps2. Já tentei tirar o clear:both;, mas as divs voltam ao topo, com essa linha as divs ficam no lugar certo, porém uma em cada linha.

Fico grato por qualquer ajuda que puder dar.