Div com altura mínima

[Yahoo 0]

Pessoal, tem como eu atribuir uma altura mínima para a div? É que tou elaborando um portal, e a parte de conteúdo tem que haver espaço em branco, caso o conteúdo seja pouco. Então tenho que ter uma altura (height) mínima.Valeu!

[Claudio Escudero 0]

Acredito q é so você definir a altura.Caso tenha mais conteudo, ele aumentara.Eu acho que nao se pode usar isso quando estiver definido com position:absolute;Falows

[Void : 0]

isso é interessante, mas eu nao entendi oq você quis dizer Claudio Escudero, pode mostrar um exemplo prático ?

[Claudio Escudero 0]

Sim

Não sei se era exatamente isso que o tópico perguntava

 

Ai vai um exemplo

 

CSS

<style type="text/css">
<!--
.box {
height: 80px;
width: 300px;
background-color: #CCC;
}
-->
</style>

 

HTML

<div class="box">
Conteudo com altura definida
</div>
<hr>
<div class="box">
Conteudo com altura definida<br />
Aumentando a altura com dados adicionais<br />
Aumentando a altura com dados adicionais<br />
Aumentando a altura com dados adicionais<br />
Aumentando a altura com dados adicionais<br />
Aumentando a altura com dados adicionais
</div>

 

Era isso?

[_ nEoN _ 0]

utilize o seguinte;

 

<style type="text/css">

<!--

.box {

height: 80px;

width: 300px;

background-color: #CCC;

}

html>body .box {

height: auto;

min-height: 80px;

}

-->

</style>

 

usei esse seletor diferente ae pra no Mozilla Firefox e no Opera 8x ele continuar caso o conteudo seja maior que 80 px.

 

Abraços

[Yahoo 0]

Achei uma alternativa mais simples:min-height: 600px; /* Firefox */_height: 600px; /* IE */Valeu gente pela ajuda.

[boiler 0]

Yahoo, esse aí que você achou funciona igual ao do _ nEoN _ só que o dele valida e esse com underline não.Abraço.

[Yahoo 0]

Tem problema nao, boiler. Serviu. De qualquer maneira vou guardar o exemplo do neon, caso eu precise futuramente.Valeu!

[_ nEoN _ 0]

pois eh... existem sei la qtas maneiras de se chegar a Roma... hahaha

[Yahoo 0]

Tava dando tudo certo. Agora descobri q tem um erro no Firefox, quando o conteúdo aumenta o bastante a div no FF não é empurrada para baixo. O texto está passando.min-height: 450px; /* Firefox */height: auto !important;_height: 450px; /* IE */Ja tentei usar o exemplo do neon, mas tbm não funcionou. Tá ocorrendo isso por causa de controles preenchidos por dados vindos de um BD. Fora isso não ocorre erro. E no IE funciona normal.