[Resolvido] Dificuldade com div

[Galante 0]

Pessoal,

 

Estou com muita dificuldade para fazer com que o rodape fique abaixo das duas divs. Já tentei de tudo, procurei no Google e neste fórum e não consegui resolver.

 

Segue o link: http://www.brunogalante.com.br/teste2/sobre/ e verão o pé da página o problema.

 

Se eu tirar o position:absolute, até que dá, mas ao colocar float:left, o problema volta e ainda não fica centralizado!

 

Espero ajuda!

 

Obrigado!

[Buthy 0]

Você usa margin pra alinhar uma do lado da outra??

 

Tenta colocar a #box_sobre e #cv com float:left, e tira o margin

[Andrew Marques 47]

Já tentou usar clear:both; ?

[Galante 0]

Você usa margin pra alinhar uma do lado da outra??

 

Tenta colocar a #box_sobre e #cv com float:left, e tira o margin

 

Buthy, tirei o margin e as duas divs foram pra esquerda, mas o #cv ficou em cima do #box_sobre. E nada do rodapé abaixar, mesmo com clear:both!

 

Já tentou usar clear:both; ?

 

Andrew, já sim. E nada aconteceu.

 

E um mistério que não consigo resolver! Já voltei ao zero, repeti o div #box_padrao e (por curiosidade), troquei ID por class e class por ID e nada! Acredito que o foco do problema são as divs #box_sobre e #cv.

[Neto Braghetto 3]

Galante, voce esta usando posição absoluta pra colocar essas divs lado a lado

o problema disso é que o elemento pai não cresce se o filho extrapolar as margens....

eu recomendo que voce coloque as suas 2 ultimas divs com float: left; e depois voce pode seguir de 2 maneiras

criar uma div pai com dsplay: table-cell; (assim a div se ajusta com os floats) ou voce da um clear: both; no footer !

[Buthy 0]

tipo cara...

 

vou fazer meio por cima aqui...

 

<div id="box_sobre" style="float:left; width:300px;">

</div>

<div id="dv" style="float:left; width:300px; margin-left:15px;">

</div>

<div style="clear:both;"></div>

<div id="footer">

</div>

 

Tenta ai!

[Galante 0]

Buthy e Neto, acabei descobrindo uma outra forma de arrumar as divs sem prejudicar a footer, baseado do comentário do Neto sobre div pai. Tinha esquecido esse elemento importante.

 

De qualquer forma, segue o link para ver como ficou: http://www.brunogalante.com.br/teste2/sobre/

 

Agradeço muito a ajuda e a atenção!