[Resolvido] Problemas com FLOAT:LEFT

[Tyzzy 0]

Olá! Tenho o seguinte código:

 

  
<div id="app-total" style="margin:0 auto; width:960px; padding:10px;">

<div id="app" style="width:728px; height:auto; background-color: #FFFFFF; float:left;">

CÓDIGO DO GOOGLE ADSENSE

</div>

<div id="app2" style="width:232px; height:auto; background-color:#000000;">
<!-- Facebook -->

BOTÃO CURTIR DO FACEBOOK

<!-- End Facebook -->


</div>
</div>

 

Eu gostaria que o terceira div, a que esta com o código do botão de curtir do Facebook (app2), se posicionasse a direita do anúncio do Google Adsense. Sendo assim, em app1 eu declarei float:left, a fim de que a div seguinte (app2) se posicionasse a direita, mas não é o que está acontecendo. A DIV do facebook simplesmente não se altera, ficando em baixo do anúncio, como se não existisse o float do elemento superior

 

Creio que seja um coisa boba, mas que não estou conseguindo achar.

 

Alguém teria uma dica?

 

Obrigado desde já!

[angelorubin 142]

Bom dia,

 

Tenta diminuir alguns píxels do tamanho da width da div app.

 

Por exemplo assim:

 

<div id="app" style="width:725px; height:auto; background-color: #FFFFFF; float:left;">

 

Espero que ajude.

[crf_h0m3r 5]

Aplique float:left, também, na div que fica embaixo.

<div id="app2" style="width:232px; height:auto; background-color:#069; float:left;">

[Tyzzy 0]

Aplique float:left, também, na div que fica embaixo.

<div id="app2" style="width:232px; height:auto; background-color:#069; float:left;">

 

Olá! Coloquei float:left também na DIV app2 e deu certo! Mas houve a quele problema que a div que engloba todo o conteúdo, a app-total, não acompanhou o tamanho de suas div filhas, e houve uma sobreposição de conteúdo. Contudo, usei uma div com clear:both, mas isso marginaliza o HTML. Existe algum método pelo CSS de atingir o mesmo efeito?

 

Obrigado! :D

[allex_carvalho 124]

Vamos lá.

A div app-total tem 960 de largura com 10 de padding geral (altura, larguras e inferior). Então, a largura caiu para 940. Menos 728 do conteudo google vai para 212. A div app2 tem 232 de largura, então está faltando 20px ai.

Então... Tem que diminuir alguns itens ai.

 

^_^

[Tyzzy 0]

Desculpe a demora, mas obrigado pelas respostas e solução! =D