Tableless – Estruturação de um layout de 3 colunas

Por Felipe Cardozo em 07/04/2009 - 21:07 > 26.300 Visualizações > 209 comentários

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.

Felipe Cardozo é sócio diretor do MX Masters, portal de desenvolvimento especializado em vídeo aulas. Trabalha com ferramentas OpenSource como Wordpress, Magento entre outros, além de ministrar palestras em universidades do Rio de Janeiro.

Siga o autor no twitter: @lipecardozo | Site do Autor : www.mxmasters.com.br

Siga o MX Masters no twitter e receba nossas atualizações: @mxmasters

http://www.rodrigomacedo.net Rodrigo Macedo

Excelente video-aula.
Até para não-designers, os conceitos foram muito bem explicados.
Meus parabéns, Felipe. Excelente trabalho!
Felipe Kutz

Fantastica video aula Felipe.
São essas e outras videos aulas que me incentiveram a querer comprar o DVD de Tableless porém estou com algumas duvidas referente ao pagamento e a entrega do produto qual é o e-mail que posso estar entrando em contato com vocês para estar esclarecendo estas dúvidas.
Obrigado.
http://www.mxmasters.com.br David CHC

@Felipe, aqui tem central de ajuda no próprio MxCursos – http://www.mxcursos.com/index.php/central-de-ajuda/

Caso continue a duvida, envie um email para : atendimento@mxcursos.com
Anderson

Felipe cardoso por favor cara, preciso de uma opinião sua que pra mim sera muito importante…
to criando um site aqui todo ele com ajuda das videos aula disponibilizadas aqui pelo mxmaster
nunca fiz um curso minha escola de web e o mxmasters…
entao esse site que eu vou postar aqui pra vc dar uma olhada e falar pra mim se to indo no caminh certo se nao ta legal, oque nao ta legal por favor me da essa opinião pois pra mim vc e o cara do web design e nao tem outro, isso nao e puxando saco nao estou sendo realista e verdadeiro

ai o site www. screenarte.com
http://www.eaglesweb.net José Márcio Barthem

Muito bom esse artigo, com uma explicação bem clara. Parabéns!
Nadim

Esse Felipe Cardoso é o cara, muito boas suas aulas!
http://profiles.yahoo.com/u/OBJPFZEJRUW3LAUGHMUSWZ4BU4 Daniel

A forma que ele explica parece que tudo fica mais fácil.. rs.. parabéns =D
OZAIR NOVAIS SOUZA

excelente, felipe é muito bom pra explicar, rápido e simples, e explica o que realmente é importante aprender.
Rodolfo

Parabéns pela VA!!!
Como faço para fazer um layout com 3 colunas sendo duas fixas 180px e a do meio com 100%
Algo como o site submarino.
Espero sua reposta e agradeco desde já.