Aumentar tamanho do Div conforme texto

[simonsbr 0]

http://forum.imasters.com.br/public/style_emoticons/default/bye1.gif Olá Pessoal,

 

Gostaria de abrir uma discussão sobre um assunto que me intriga e estou tendo dificuldades.

 

Tenho um div externo que controla o layout e outro interno que é o texto em si.

Ex:

 

<div id="main">

<div id="conteudo">

Texto maior que caiba em uma rolagem.

</div>

</div>

 

porém o css esta assim:

 

#main {

 

width: 700px;

height: 100%;

background-color: #CCC;

position: relative;

margin: auto;

text-align:center;

}

 

 

#conteudo {

 

width: 450px;

height: 250px;

background-color: #FFF;

position: absolute;

top: 80px;

text-align:justify;

 

}

 

Bom o problema é que quando o texto do DIV conteudo é maior que a página, o DIV main não acompanha o "auto-esticamento" do DIV conteudo, deixando o layout desfigurado.

 

Alguem tem alguma idéia de como resolver isso?

 

Aguardo comentários para que possamos trocar uma idéia sobre isso.

 

Simonsbr

[_ nEoN _ 0]

bom, como disse com você no msn, você esta fazendo ao contrario as propriedades da MAIN e CONTEUDO.... a MAIN deve ser absolute enquanto a CONTEUDO deve ser relative, assim o texto acompanhara e "esticara" a MAIN quando for necessario...

[Adriano Gonçalves 0]

Valeu cara, ajudou bastante. Tava com o mesmo problema em um menu lateral, coloquei a altura relative.

height: relative;