Rodapé com CSS dando problema ao usar AJax

[Guest André Henrique]

BOm meu problema é o seguinte eu tenho uma pagina que possue um rodape alianhado com css pela propriedade Bottom, funciona muito bem so que quando uso ajax para abrir uma página dentro de um DIV as vezes a página é grande e ultrapassa o rodape, tinha resulvido esse bug com um javascript q atualiza a posição do rodape no onresize da tela mais queria saber se tem alguma forma de fazer isso no css sem precisa dessa guambiarra

[fahledu]

colocar barra de rolagem na div ajudaria?

veja: http://www.maujor.com/dicas/tdscroll.php

[cassianooliver]

como esta a estrutura da sua página e css?

postaí...

[Guest André Henrique]

Meu CSS ta assim

html { 
    height: 100%; 
    padding: 0;
}

body {
    margin: 0px;
    height: 100%;
    padding: 0;
}

#rodape {
    background-image:url(../../pages/img.php?id=11);
    position:absolute;
    z-index:50;
    width:98%;
    height:87px;
    left:1%;
    display: block;
    visibility: hidden;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    margin:0px;
}

* HTML #rodape { margin-bottom:2px; bottom:-1px; }

esse código faz com que o rodapé fica na parte inferior da página so q ao usar ajax pra trazer uma pagina ao meu div o rodape n se adapta a nova tela pois esta fixo

[KaKarotto]

O maior problema amigo, é que está usando o rodapé em posição absoluta. O que significa que o rodapé vai ficará colado na parte inferior do seu browser.

Se você redimensionar o tamanho do seu browser para um tamanho menor que o conteúdo central, esse erro também vai ocorrer, pois, com o tamanho menor do browser o rodapé acompanharia a parte inferior do navegador, ficando bem na frente do conteúdo.

você NUNCA, NUNCA deve usar posição absoluta em rodapé. Aliás, você só deve usar posição absoluta em alguns casos muito específicos.....você deve trabalhar o maximo com float e posições relativas. Isso possibilita a trabalhar com liquid layout.

Nesse caso não vou poder te ajudar, não tenho seu código inteiro, e isso exige muitas tentativas e testes para ver como fica no iE e no FF. A única dica que posso te dar no momento é o seguinte, o div do seu rodapé deve estar em posição relativa e não deixando nada o transpassar, com o atributo clear:both.

[hipnos na area]

uma dica para você é ao invez disso tudo:

border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;

assim:

border:1px #000 solid;
border-top:none;

;)