Ir para conteúdo
Fórum Script Brasil
  • 0

Rodapé com CSS dando problema ao usar AJax


Guest André Henrique

Pergunta

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

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0
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

Link para o comentário
Compartilhar em outros sites

  • 0

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.

Link para o comentário
Compartilhar em outros sites

  • 0

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;

;)

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...