Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Billie_Joe

Problema com altura de DIV

Recommended Posts

Boa tarde pessoal!

 

Preciso de uma ajudinha meio urgente!! Dê uma olhada no site http://www.gaiaexp.com.br/index.php . Notem que existe um div branco (chamado principal) no meio da página). Porém, em outras páginas (como http://www.gaiaexp.com.br/inscricoes.php), não consigo fazer o div se redimensionar automaticamente, sendo que dentro dele existem outros divs.

 

A definição do CSS está assim:

 

.principal { background: #ffffff; width:905px; padding:10px; margin-top:50px; min-height: 972px; height: auto;}

 

Enfim, alguém sabe como fazer esse maledeto funcionar??

 

Valeu pela ajuda!!

 

 

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entre essas outras div´s que você "anininhou" dentro da div principal existe uma classe chamada leftblock defina a propriedade heigth com o valor 100%, para que o conteudo e o plano de fundo dentro dela possa extender até o final da página.

.leftblock {height:100%}

 

Defina também na sua classe rodape a propriedade clear com o valor both.

 

.rodape {clear: both;} //vai funcionar para que a div possa acompanhar o restante da página.

Caso queira estudar melhor esta propriedade pode procurar aqui mesmo no fórum. Ou então pergunte. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Isso pode resolver o problema, testa aí qualquer nova dúvida pergunte.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Quase 100%, porém no Firefox tá dando um tilt ainda... no IE7 já tá certinho. Ainda prefiro fazer umas alterações no CSS para rodar legal tb no IE6 mas isso eu acho q sei fazer sem maiores problemas.Sem querer abusar da boa vontade, mas pq no FF dá esse problema agora?[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Outra coisinha q não entendi - o q você quis dizer com:

... que você "anininhou" dentro ...

tem alguma coisa bem errada no modo que eu separei as colunas do site??? (pq errado eu imagino q esteja mesmo hehehe)[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

opâ Billie_Joe, Bom Dia!

 

Quase 100%, porém no Firefox tá dando um tilt ainda... no IE7 já tá certinho.

Um detalhe que esqueci de comentar, eu apenas havia testado no IE7. Não tinha condições de testar no FF e no IE6.

 

tem alguma coisa bem errada no modo que eu separei as colunas do site??? (pq errado eu imagino q esteja mesmo hehehe)

Quando eu citei "aninhou" significa que eu achei que você usou div demais para separar o conteúdo, caindo no conceito de DivMania. Tente sempre usar o minimo de div possivel.

 

Em relação ao problema assim que tiver condições faço um teste com o FF, espero que alguém possa te ajudar nesse período. Caso encontre uma solução não esqueça de postar. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pois é... tb acho q usei muitas divs, mas como to entrando agora no webstandards (era um devoto das tabelas hehehe), com o tempo vou diminuindo isso. Sobre os testes no FF - já testei várias formas e não deu certo. Vou acabar publicando assim mesmo (pq o amigo q é dono do site tá pegando no meu pé) e depois resolvo com mais calma.Mas se alguém puder dar uma luz, por favor, sou todo ouvidos![]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dentro da div principal e das internas você tem q usar as propriedades position:relative; display:table;pois a propriedade display:table; faz com que a div interna empurre a principal.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.