Div Com Altura Mínina....
Started By cassiano designer, 09/11/2007, 22:16
11 replies to this topic
#1
Posted 09/11/2007, 22:16
É 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...
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...
##### "O seu maior desafio é se aprimorar para ser... você mesmo!" #####
CASSIANODESIGNER.COM - Desenvolvimento Web
CASSIANODESIGNER.COM - Desenvolvimento Web
#3
Posted 10/11/2007, 04:09
#4
Posted 10/11/2007, 08:48
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.
Aqui no fórum também tem outras dicas.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#6
Posted 10/11/2007, 09:14
É só colocar o !important depois do valor declarado.
height:auto !important; margin:20px !important; ...
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#7
Posted 10/11/2007, 09:14
height: auto !important;
#8
Posted 10/11/2007, 20:21
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:
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...
fica aí a dica pra quem precisar futuramente!
brigadão pela ajuda!
abraço
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
##### "O seu maior desafio é se aprimorar para ser... você mesmo!" #####
CASSIANODESIGNER.COM - Desenvolvimento Web
CASSIANODESIGNER.COM - Desenvolvimento Web
#9
Posted 10/11/2007, 23:06
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;
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#10
Posted 12/11/2007, 08:41
hum....
não coloquei nessa ondem hahaha
vou testar aqui!
não coloquei nessa ondem hahaha
vou testar aqui!
##### "O seu maior desafio é se aprimorar para ser... você mesmo!" #####
CASSIANODESIGNER.COM - Desenvolvimento Web
CASSIANODESIGNER.COM - Desenvolvimento Web
#11
Posted 07/02/2008, 16:24
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????
a div de rodape sobrepoe a de texto.
se arrumo fo firefox atrabalha no IE e vice- versa.
alguma opinião????
#12
Posted 07/02/2008, 18:50
Um clear:both no rodapé não resolve?
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)