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?
- HaroNism likes this