Comentários sobre: Colunas com alturas iguais em CSS http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/ Tutoriais sobre: XHTML, CSS, JavaScript e WebStandards Sat, 11 Feb 2012 13:45:15 +0000 hourly 1 http://wordpress.org/?v=3.3 Por: Ricardo http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-173252 Ricardo Thu, 10 Dec 2009 18:33:32 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-173252 Ôpa! Muito valiosa essa dica, mas gostaria de saber, se essa porcentagem(%) pode ser tranformada em pixels(px), pois queria determinar a largura de cada DIV, tipo a do lado esquedo com 160 de largura a do meio com 470 de largura e a direita com 160 tolalizando 790 de largura da minha página isso é possível? Quem souber de alguma noticia sobre isso por favor gostaria muito de uma resposta muito grato valew muita paz! Ôpa! Muito valiosa essa dica, mas gostaria de saber, se essa porcentagem(%) pode ser tranformada em pixels(px), pois queria determinar a largura de cada DIV, tipo a do lado esquedo com 160 de largura a do meio com 470 de largura e a direita com 160 tolalizando 790 de largura da minha página isso é possível? Quem souber de alguma noticia sobre isso por favor gostaria muito de uma resposta muito grato valew muita paz!

]]> Por: Pedro Rogério http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-163424 Pedro Rogério Wed, 05 Aug 2009 18:41:54 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-163424 @Elvis, Basta seguir o exemplo: http://www.pinceladasdaweb.com.br/blog/uploads/colunas-mesma-altura/ @Elvis,

Basta seguir o exemplo:

http://www.pinceladasdaweb.com.br/blog/uploads/colunas-mesma-altura/

]]> Por: ELVIS http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-163423 ELVIS Wed, 05 Aug 2009 17:21:33 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-163423 Em primeiro lugar, parabéns para você e seu site. Sempre que posso acesso este site. Mas me diga uma coisa: No código html, colocamos este código de colunas iguais (que você cita acima) em que parte do documento? Em primeiro lugar, parabéns para você e seu site. Sempre que posso acesso este site. Mas me diga uma coisa: No código html, colocamos este código de colunas iguais (que você cita acima) em que parte do documento?

]]> Por: Tiago Celestino http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-148423 Tiago Celestino Mon, 11 May 2009 00:48:21 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-148423 Eu uso o POG com imagens, criando um filete do tamanho do meu layout e com cores diferentes e tamanhos diferentes se preciso. :D Eu uso o POG com imagens, criando um filete do tamanho do meu layout e com cores diferentes e tamanhos diferentes se preciso. :D

]]> Por: Xico http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-148043 Xico Sat, 09 May 2009 17:30:52 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-148043 Ae Diego... fiz uma pagina usando o exemplo acima... Mas mudei o conteudo das divs, que continuam com o mesmo formato, apenas adicionei uma div "cleaner" no final da pagina pra limpar os floats... para ver como ficou clica no meu nome e qualquer coisa pode adicionar conteudo na coluna da direita que elas continuam com o memo tamanho... abracos Ae Diego…
fiz uma pagina usando o exemplo acima… Mas mudei o conteudo das divs, que continuam com o mesmo formato, apenas adicionei uma div “cleaner” no final da pagina pra limpar os floats… para ver como ficou clica no meu nome e qualquer coisa pode adicionar conteudo na coluna da direita que elas continuam com o memo tamanho…

abracos

]]> Por: Diego pereira http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-147969 Diego pereira Fri, 08 May 2009 21:14:01 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-147969 manda essa solução em jquery ou entao posta aqui abraço manda essa solução em jquery ou entao posta aqui
abraço

]]> Por: Xico http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-147935 Xico Fri, 08 May 2009 14:46:28 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-147935 Não gostei, pois pelo meu entender caso da coluna da direita seja maior do que a da esquerda o efeito não vai acontecer e ainda vai deixar o layout meio estranho. Eu normalmente uso jQuery e faço isso com 3 linhas de codigo o que torna muito mais fácil a compreensão e a posterior edição, uma vez que, eu coloquei esse código em um arquivo js separado e sempre que eu quiser usar é soh chamar o script e adicionar classes as colunas que eu quero que tenha a mesma autura ou simplesmente chamar uma funcao no onload da pagina, já passando os parametros... Não gostei, pois pelo meu entender caso da coluna da direita seja maior do que a da esquerda o efeito não vai acontecer e ainda vai deixar o layout meio estranho. Eu normalmente uso jQuery e faço isso com 3 linhas de codigo o que torna muito mais fácil a compreensão e a posterior edição, uma vez que, eu coloquei esse código em um arquivo js separado e sempre que eu quiser usar é soh chamar o script e adicionar classes as colunas que eu quero que tenha a mesma autura ou simplesmente chamar uma funcao no onload da pagina, já passando os parametros…

]]> Por: Rafael Corrreia http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-145310 Rafael Corrreia Fri, 01 May 2009 01:06:56 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-145310 Bah Mano! Exemplo tosco de apelação, usando a borda pra esconder. Paia. Muito Paia! Bah Mano!
Exemplo tosco de apelação, usando a borda pra esconder.
Paia. Muito Paia!

]]> Por: Mikael Carrara http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-144889 Mikael Carrara Tue, 28 Apr 2009 19:51:42 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-144889 Acredita que o Twitter usa table pra fazer isso? Acredita que o Twitter usa table pra fazer isso?

]]> Por: igor vittorello http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-144882 igor vittorello Tue, 28 Apr 2009 19:32:04 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-144882 POG Total ! rss... Geralmente faço assim: - Crio as 3 colunas e coloco dentro de uma DIV pai; - Nessa Div pai coloco uma imagem de background de 1px de altura e a largura do website repetindo para baixo; - Ponho height:100% nas 3 colunas e um min-height na div pai; Simples e viavel, eu prefiro. POG Total ! rss…

Geralmente faço assim:

- Crio as 3 colunas e coloco dentro de uma DIV pai;

- Nessa Div pai coloco uma imagem de background de 1px de altura e a largura do website repetindo para baixo;

- Ponho height:100% nas 3 colunas e um min-height na div pai;

Simples e viavel, eu prefiro.

]]> Por: Thiago Cavalcanti http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-144862 Thiago Cavalcanti Tue, 28 Apr 2009 18:46:10 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-144862 Esta técnica é boa, porém introduz certas limitações das quais é preciso estar bem consciente. Use com moderação... Esta técnica é boa, porém introduz certas limitações das quais é preciso estar bem consciente. Use com moderação…

]]> Por: Kennedy http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-144779 Kennedy Tue, 28 Apr 2009 13:03:48 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-144779 Quando me deparo com esse tipo de problema recorto um filete* horizontal do container e coloco de background repetindo em y, dessa forma todas as colunas menores terão seus backgrounds e limites preservados diante do crescimento das demais. Mas de toda forma valeu pela dica!!! Falow!! *extraído do psd Quando me deparo com esse tipo de problema recorto um filete* horizontal do container e coloco de background repetindo em y, dessa forma todas as colunas menores terão seus backgrounds e limites preservados diante do crescimento das demais.
Mas de toda forma valeu pela dica!!!
Falow!!

*extraído do psd

]]> Por: Thiago http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-144600 Thiago Mon, 27 Apr 2009 21:35:04 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-144600 POG no talo. Se quisermos usar imagem de fundo diferente pra cada coluna? Suicídio? Ainda prefiro o jQuery, ou planejar de forma correta que não precisamos fazer coisas do tipo. POG no talo.

Se quisermos usar imagem de fundo diferente pra cada coluna? Suicídio?

Ainda prefiro o jQuery, ou planejar de forma correta que não precisamos fazer coisas do tipo.

]]> Por: Juliano Oliveira http://www.pinceladasdaweb.com.br/blog/2009/04/27/colunas-com-alturas-iguais-em-css/#comment-144569 Juliano Oliveira Mon, 27 Apr 2009 19:47:38 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2257#comment-144569 Pedrão, E ae cara. Legal a dica, agora, só uma dúvida. Na sua opinião, isso é recurso do css, técnica de diagramação ou é POG ? Existem outras dicas como essa que ajudam muito, mas sempre tenho a dúvida se não é uma gambi. Eu uso muito coisas como "margin-right: -200px;" mas acho muito feio isso. []´s Pedrão,

E ae cara.
Legal a dica, agora, só uma dúvida.
Na sua opinião, isso é recurso do css, técnica de diagramação ou é POG ?
Existem outras dicas como essa que ajudam muito, mas sempre tenho a dúvida se não é uma gambi.

Eu uso muito coisas como “margin-right: -200px;” mas acho muito feio isso.

[]´s

]]>