Comentários em: Dica de CSS: Float - Quando div pai não acompanha o tamanho das divs filhas

Por: Flávio

Flávio — Thu, 08 Apr 2010 15:52:32 +0000

Eu de novo.

Só pra constar, tbm rola resolver isso definindo o overflow como hidden.

http://www.criarweb.com/artigos/solucao-problema-float-construcao-css.html

abs

Por: Flávio

Flávio — Thu, 08 Apr 2010 15:10:58 +0000

Cara, mto bom. Consegui solucionar o problema, mas nao da maneira mais bonita, hehe. Se eu simplesmente adicionar o ‘clear:both;’ no id do pai, ele nao funciona. Agora, se eu colocar um e inserir uma classe com o ‘clear’ ou mesmo colocar um style dentro dela, ai funciona. É nessas horas q eu fico com uma grande cara de “WTF?”, hehe.

obs.: Se eu inserir o ‘clearfix’ que o Christian citou aqui nos comentários tbm funciona.

Abraços.

Por: Leandro T. Morais

Leandro T. Morais — Tue, 09 Mar 2010 11:30:22 +0000

Muito boa dica, tava cansado de apanhar deste probleminha. Valeu mesmo meu amigo.

Por: yuri vinicius silva

yuri vinicius silva — Wed, 18 Nov 2009 16:35:24 +0000

Muito bom, me ajudou e muito, obrigado

Por: Wicttor

Wicttor — Wed, 28 Oct 2009 15:05:37 +0000

Muito bom, obrigado pela contribuição.

Passei uma manhã inteira me batendo pois não conseguia resolver esse problema, agora que já tenho a linha de código vai ajudar muito.

Parabéns!

Por: yogodoshi

yogodoshi — Sun, 03 May 2009 18:15:44 +0000

Cara, essa é a solução pra esse problema, se não está funcionando, provavelmente é porque tem, além deste, outro bug no meio.

Abraços!

Por: gadarf

gadarf — Sun, 03 May 2009 17:29:33 +0000

Em alguns casos não funciona.

Por: Jonas

Jonas — Sun, 17 Aug 2008 23:28:02 +0000

Muito boa sua dica.
Encontrei seu blog por acaso no google e virei fã.
Valeu.

Por: yogodoshi

yogodoshi — Thu, 31 Jul 2008 18:30:51 +0000

@Dirceu acho que você está confundindo um pouco a função do float, sugiro dar uma lida nesse “artigo” que tem tudo sobre float: http://css.maxdesign.com.au/floatutorial/ .

Abraços!

Por: Dirceu

Dirceu — Thu, 31 Jul 2008 01:10:23 +0000

Amigo como faço para alinhar no centro, uma imagem com essa função “float”?

Obrigado!

Por: Christian

Christian — Mon, 21 Jul 2008 19:04:57 +0000

Tem uma outra forma: adiciona no seu CSS o seguinte código:

/*classe para limpar containers com filhos flutuantes*/
.clearfix:after {
content:”.”;
display:block;
height:0;
clear:both;
visibility: hidden;
}
/*.clearfix {display: inline-table;}*/
*.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
*html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

E na div pai, adicione a classe clearfix
Algo como

Tem o mesmo efeito. Utilizo há anos isso! hehe

Por: Tiago Celestino

Tiago Celestino — Fri, 18 Jul 2008 03:45:57 +0000

Outra solução é colocar o float:left na div pai.

Por: Tárcio Zemel

Tárcio Zemel — Wed, 16 Jul 2008 13:12:55 +0000

Obrigado pela referência, yogodoshi! Esse problema é uma pedra no sapato de muitas pessoas, realmente! Agora que sabemos como resolvê-lo, pouparemos horas de desenvolvimento… rsrs

Abraços!

Por: Yuri k

Yuri k — Wed, 16 Jul 2008 12:59:35 +0000

Uma pena .. pensei que poderia post aqui, mais irei posta-lá sem problemas.
Obrigado

Por: Carlos

Carlos — Wed, 16 Jul 2008 01:29:40 +0000

yogodoshi,

Por que você não instala o plugin que permite o usuário postar códigos?

Por: yogodoshi

yogodoshi — Wed, 16 Jul 2008 00:25:17 +0000

@Yuri
Só vendo o seu código… mas aqui nos comentários você não conseguirá postar ele; sugiro então postar em um forum como o Webly: http://forum.ievolutionweb.com/ onde com certeza irão solucionar o seu problema rapidamente. ^^

Abraços!

Por: Yuri k

Yuri k — Tue, 15 Jul 2008 23:34:03 +0000

Amigo .. Post muito bom, tava precisando. Mais houve um problema e não consigo resolver, bom no IE 7 ta funcionando perfeitamente mais no Firefox não funciona tem como você me ajudar? Desde já agradeça atenção.
Atenciosamente
Yuri Karsten

Por: yogodoshi

yogodoshi — Tue, 15 Jul 2008 14:53:38 +0000

@Carlos
é, aqui nos comentários fica difícil… =/
Se quiser pode me enviar por e-mail que eu coloco no post. (se não forem 25252 linhas de código né =p)

Abraços!

Por: Carlos

Carlos — Tue, 15 Jul 2008 14:39:50 +0000

hunm… não tá aceitando os códigos html… T_T

Por: Carlos

Carlos — Tue, 15 Jul 2008 14:39:13 +0000

Nossa, eu quando comecei em CSS ( a uns 2 anos atrás) tive o mesmo problema! O que eu fiz? antes de fechar a div pai.

Na época não encontrava ninguém pra me ajudar nisso, descobri sozinho… Muito bom você divulgar esse informação, vai ser muuuuuuito útil.