Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Peguei um script para expandir as div's quando clicar em cima do link e retrair quando clicar novamente. O problema é que a div principal(CORPO) não acompanha essa expansão.
meu CSS da div principal
div#corpo{
width:800px;
height:420px;
position:relative;
padding-left:50px;
padding-right:50px;
}a div que expande
<div id="mydiv3" style="display:none; overflow: hidden; width:400px; height: 300px; background-image:url(img/fundo_cel.jpg); position:relative;">
Desculpe, eu nao sou um expert em CSS e HTML, mas sem o height o rodape vai para tras da imagem do topo. Você sugere retirar o height e colar o rodape na base do navegador?
Ahh, uma coisa que eu esqueci de mencionar, esse erro só da no Firefox, no Internet Explorer desce normal.
Está usando o w3c header?
Estou!
Então tenta tirar o
height:420px;
ou trocar por
min-height:420px;
porque alí ele está travando o tamanho.
Não, mesma coisa. Eu tentei por a div do rodape dentro da mesma div onde estão essas div's que expadem, e dentro da mesma div funciona.
Tire esse height, assim ficará o default, height: auto, e no rodapé coloque clear:both.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
procure entender oque você está fazendo.
isso aqui: height:420px; é necessário ??