11 replies to this topic

[cassiano designer]

É possível estabelecer uma altura mínima para uma div?
por ex:

Ela tem que ter no mínimo 300px de altura, mas caso o conteudo não caiba nos 300px, ela aumente automaticamente?
tem como fazer isso?

no aguardo...

[Kadu DG]

com css puro, eu não se isso é possível!
mas não seria masi fácil vc coloca o height:auto, pois assim a div ia se adequar ao tamanho conforme for...

[Cristiano Galdino]

http://www.w3schools..._min-height.asp
Bons estudos. 8)

[Alex Hiroshi]

min-height não funciona no IE. Para arrumar, coloque um height com o valor auto e declare esse auto como sendo importante. Logo em seguida, coloque um outro height com o valor mínimo.

Aqui no fórum também tem outras dicas.

[Kadu DG]

min-height não funciona no IE. Para arrumar, coloque um height com o valor auto e declare esse auto como sendo importante. Logo em seguida, coloque um outro height com o valor mínimo.

Aqui no fórum também tem outras dicas.

como faz essa declaração de importante??

[Alex Hiroshi]

É só colocar o !important depois do valor declarado.

height:auto !important;
margin:20px !important;
...

[Cristiano Galdino]

height: auto !important;

[cassiano designer]

vlw ae pessoal, consegui....

pesquisei essa propriedade aí mesmo, min-height, a qual nem conhecia...

mas no meu caso aqui, ocorreu uma incompatibilidade, com quem? adivinha! vai você consegue hahha, ele mesmo o IE6...

resolvi da seguinte forma...
no css:

div {
	 min-height: 500px; /* PARA FF E IE7 */
	 height: 500px; /* PARA O IE6 */ 
}

e para aumentar a div automaticamente, usei height: auto !important (também não conhecia). Mas eu colocando no CSS, dava pau no IE6, então fiz assim na página...

<!--[if IE6]>
<style>
div {
	height: auto !important;
}
</style>
<![endif]-->

fica aí a dica pra quem precisar futuramente!

brigadão pela ajuda!

abraço

[Alex Hiroshi]

Mas colocando o auto important no primeiro css, na ordem que eu falei, não funciona? Eu testei no IE 6 e no Firefox.

min-height:500px; height:auto !important; height:500px;

[cassiano designer]

hum....
não coloquei nessa ondem hahaha

vou testar aqui!

[marlylica]

minha página está com mesmo problema.
a div de rodape sobrepoe a de texto.
se arrumo fo firefox atrabalha no IE e vice- versa.
alguma opinião????

[Alex Hiroshi]

Um clear:both no rodapé não resolve?