Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estive pesquisando na internet e aqui no forum mas não achei nada que explicasse como resolver.
O problema é porque quando uso o clear:both ele é aplicado para todos os FLOATs do site e não apenas para aquela DIV onde coloquei o clear.
Estou postando o codigo com o exemplo do meu problema. Se alguem souber como concertar esse problema me dá ajuda ai, valeu. Abs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Problema FLOAT / CLEAR</title>
<style></style>
</head>
<body>
<div id="site">
<div id="esquerda">esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda esquerda </div>
<div id="direita">direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita direita </div>
<div id="centro">
<div id="conteudo-01">conteudo-01 conteudo-01 conteudo-01 conteudo-01 conteudo-01 conteudo-01 conteudo-01 conteudo-01 conteudo-01 conteudo-01 conteudo-01 conteudo-01 conteudo-01 conteudo-01 </div>
<div id="conteudo-esq">conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq conteudo-esq </div>
<div id="conteudo-dir">conteudo-dir conteudo-dir conteudo-dir conteudo-dir conteudo-dir conteudo-dir </div>
<div class="clear"></div>
<div id="conteudo-02">conteudo-02 conteudo-02 conteudo-02 conteudo-02 conteudo-02 conteudo-02 </div>
<div id="conteudo-03">conteudo-03 conteudo-03 conteudo-03 conteudo-03 conteudo-03 conteudo-03 conteudo-03 conteudo-03 conteudo-03 conteudo-03 conteudo-03 conteudo-03 conteudo-03 conteudo-03 </div>
</div>
<div class="clear"></div>
<div id="rodape">rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape rodape </div>
</div>
</body>
</html>Carregando comentários...