Estou com um problema que creio eu ser fácil, mas não consigo entender como resolver.
Tenho uma estrutura do tipo:
<div class="conteudo">
<div class="esquerda">
</div>
<div class="direita">
</div>
<div class="clear">
</div>
</div>
Bom, o CSS é bem simples, a classe esquerda possui float: left
, a direita possui float: right
, e a clear o clear:both;
Até ai tudo bem, o problema é, o conteudo das divs, na verdade o da direita, é dinâmico, então o que acontece é que a div esquerda nao acompanha a altura da da direita, e o background que eu aplico fica só na altura ocupada pelo conteudo da div esquerda, deixando o layout totalmente errado.
Alguém saberia uma solução para isso? Parece-me que tem que se recorrer a js para isso?