Manter rodapé sempre no final

[bruno_mosciatti 22]

Pessoal, estou apanhando pra manter o rodapé do meu site no final dele;

Na verdade eu consegui, mas ele estoura quando altera as resoluçoes ou tento dar um zoom no site...

 

o link é

http://pedrapaulista.6te.net/

 

 

já coloquei position absolute e bottom 0 na div do footer mas ficou nisso ai, ta por cima de todo o conteúdo se der zoom no site...

 

 

aguardo ajuda da galera aii

 

ahh.. também tem meu outro tópico com outro problema desse mesmo site que ainda nao resolveram, se puderem também da uma ajuda:

http://forum.imasters.com.br/topic/524020-problema-com-slider-thumb-nav/

 

valeu

[Marlon Pacheco 132]

http://www.maujor.com/tutorial/rodape-embaixo-da-janela.php

http://tableless.com.br/colocar-rodape-fixo-no-bottom/

[jgustavo99 85]

Olá! Tente assim:

<style>
#rodape{
	position: absolute;
	bottom: 0;
}
</style>

<div id="rodape">SEU RODAPE</div>

Espero ter Ajudado ;)

[bruno_mosciatti 22]

Os dois acima chegaram a ler meu tópico por inteiro? já disse que coloquei position absolute e bottom 0 na div do rodapé...

[knoxzin1 2]

body {

position: relative;

}

[Marlon Pacheco 132]

Eu li o post inteiro. Você leu algum dos links q eu passei?

Já tive o mesmo problema que você, e achei a solução nestes 2 links.

Mas agora já foi, o knoxzin1 já respondeu mesmo.

[bruno_mosciatti 22]

body {
  position: relative;
}

 

Eu li o post inteiro. Você leu algum dos links q eu passei?

Já tive o mesmo problema que você, e achei a solução nestes 2 links.

Mas agora já foi, o knoxzin1 já respondeu mesmo.

 

 

Não resolveu :/

[Marlon Pacheco 132]

html, body, container {height: 100%;}

Só faltou isso. Que também está nos 2 links passados.

[bruno_mosciatti 22]

html, body, container {height: 100%;}

Só faltou isso. Que também está nos 2 links passados.

 

 

parece que não resolveu :/

pelo menos testando pelo firebug aqui não deu... eu dou o zoom e o rodapé vai por cima de todo site

[Marlon Pacheco 132]

Acabei de testar aqui no Developer Tools do Chrome. A barra fixou no final.

Ah, coloca um position:relative; no #footer

[bruno_mosciatti 22]

Acabei de testar aqui no Developer Tools do Chrome. A barra fixou no final.

Ah, coloca um position:relative; no #footer

 

Ao invés do absolute, ficaria relative?

Bom... não adiantou ://

 

tá bem zicado por conta desse bootstrap maldito =( hehe

[Marlon Pacheco 132]

Estranho. Testei isso agora no Chrome e funcionou.

Acho uma boa tu escrever o teu próprio CSS.

[bruno_mosciatti 22]

Estranho. Testei isso agora no Chrome e funcionou.

Acho uma boa tu escrever o teu próprio CSS.

 

Testei e não deu muito certo...

com o position:relative; ficou um pouco melhor, pelo menos não vai por cima do conteúdo.. só que fica com espaço em branco depois do rodapé caso eu dê zoom...

[Marlon Pacheco 132]

Só me explica o motivo do usuário dar zoom?

Independente disso, o espaço pode ser problema de outro elemento. Verifica o motivo de o .container ficar com esse espaço no final.

[bruno_mosciatti 22]

Só me explica o motivo do usuário dar zoom?

Independente disso, o espaço pode ser problema de outro elemento. Verifica o motivo de o .container ficar com esse espaço no final.

 

testar as resoluções...

[Marlon Pacheco 132]

Perae, tu tá testando com ZOOM?? Não é mais fácil pelo Ctrl+Shift+M (se você estiver utilizando o Firefox)?

Até onde sei, a resolução permanece a mesma quando é aplicado o zoom.

[bruno_mosciatti 22]

Perae, tu tá testando com ZOOM?? Não é mais fácil pelo Ctrl+Shift+M (se você estiver utilizando o Firefox)?

Até onde sei, a resolução permanece a mesma quando é aplicado o zoom.

 

é, equivoco meu!

Testei como sugeriu, ficou +/- na mesma..

 

com o position:absolute ele toma a frente do conteúdo;

com o position:relative ele fica com um espaço em branco após ele, não fica no final

[Vitor RC 11]

Nao sei se entendi '-' mas uso:

#divVAZIAacimaDOrodape{
  clear:both;

}
#rodape{
 propriedades rodape
}

Assim, quando dá zoom, o rodapé nao fica por cima ou abaixo dos elementos '-', aqui funciona.

No codigo faz assim:

<div id='divVAZIAacimaDOrodape'></div>

<div id='rodape'>Direitos resrvados. Pedra paulista</div>

Agora para o rodapé ficar sempre no final do site eu uti

body {
	position: relative;
	}

#rodape {
	position: absolute;
	bottom: 0;
	} 

'-'

lizo:

[bruno_mosciatti 22]

 

 

opa, melhorou!

já tá se poscionando exatamente no final do site, o único problema ainda é o zoom...

já atualizei no site

http://pedrapaulista.6te.net/

[Vitor RC 11]

O problema é que o rodapé sobe, e cobre o conteudo do site?

Tenta utilizar media-queries entao se nao conseguir.