Pensei que era algo simples, mas estou começando a acreditar que não. Gostaria que a div flutuada a esquerda "crescesse" de acordo com o conteudo da div flutuada a direita.
Teste esse pequeno código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Teste Altura</title>
<style type="text/css">
body{text-align:center; background:#CC3366;}
#geral{margin:auto;}
#fundos{float:left;}
#fundo1{background:#000; width:13px; height:465px;}
#fundo2{background:#3333FF repeat-y;width:13px; height:30px;}
</style>
</head>
<body>
<div id="geral">
<div id="fundos">
<div id="fundo1"> </div>
<div id="fundo2"> </div>
</div>
<div id="conteudo">
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
<p> Teste</p>
</div>
</div>
</body>
</html>Gostaria que o retangulozinho azul crescesse de acordo com o conteudo da direita (teste,teste,teste).
Alguem soluciona isto?
