bruno_mosciatti 22 Denunciar post Postado Julho 23, 2014 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 Compartilhar este post Link para o post Compartilhar em outros sites
Marlon Pacheco 132 Denunciar post Postado Julho 23, 2014 http://www.maujor.com/tutorial/rodape-embaixo-da-janela.php http://tableless.com.br/colocar-rodape-fixo-no-bottom/ Compartilhar este post Link para o post Compartilhar em outros sites
jgustavo99 85 Denunciar post Postado Julho 23, 2014 Olá! Tente assim: <style> #rodape{ position: absolute; bottom: 0; } </style> <div id="rodape">SEU RODAPE</div> Espero ter Ajudado ;) Compartilhar este post Link para o post Compartilhar em outros sites
bruno_mosciatti 22 Denunciar post Postado Julho 23, 2014 Os dois acima chegaram a ler meu tópico por inteiro? já disse que coloquei position absolute e bottom 0 na div do rodapé... Compartilhar este post Link para o post Compartilhar em outros sites
knoxzin1 2 Denunciar post Postado Julho 23, 2014 body { position: relative; } Compartilhar este post Link para o post Compartilhar em outros sites
Marlon Pacheco 132 Denunciar post Postado Julho 24, 2014 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. Compartilhar este post Link para o post Compartilhar em outros sites
bruno_mosciatti 22 Denunciar post Postado Julho 24, 2014 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 :/ Compartilhar este post Link para o post Compartilhar em outros sites
Marlon Pacheco 132 Denunciar post Postado Julho 24, 2014 html, body, container {height: 100%;} Só faltou isso. Que também está nos 2 links passados. Compartilhar este post Link para o post Compartilhar em outros sites
bruno_mosciatti 22 Denunciar post Postado Julho 24, 2014 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 Compartilhar este post Link para o post Compartilhar em outros sites
Marlon Pacheco 132 Denunciar post Postado Julho 24, 2014 Acabei de testar aqui no Developer Tools do Chrome. A barra fixou no final. Ah, coloca um position:relative; no #footer Compartilhar este post Link para o post Compartilhar em outros sites
bruno_mosciatti 22 Denunciar post Postado Julho 24, 2014 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 Compartilhar este post Link para o post Compartilhar em outros sites
Marlon Pacheco 132 Denunciar post Postado Julho 24, 2014 Estranho. Testei isso agora no Chrome e funcionou. Acho uma boa tu escrever o teu próprio CSS. Compartilhar este post Link para o post Compartilhar em outros sites
bruno_mosciatti 22 Denunciar post Postado Julho 24, 2014 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... Compartilhar este post Link para o post Compartilhar em outros sites
Marlon Pacheco 132 Denunciar post Postado Julho 24, 2014 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. Compartilhar este post Link para o post Compartilhar em outros sites
bruno_mosciatti 22 Denunciar post Postado Julho 24, 2014 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... Compartilhar este post Link para o post Compartilhar em outros sites
Marlon Pacheco 132 Denunciar post Postado Julho 24, 2014 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. Compartilhar este post Link para o post Compartilhar em outros sites
bruno_mosciatti 22 Denunciar post Postado Julho 24, 2014 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 Compartilhar este post Link para o post Compartilhar em outros sites
Vitor RC 11 Denunciar post Postado Julho 24, 2014 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: Compartilhar este post Link para o post Compartilhar em outros sites
bruno_mosciatti 22 Denunciar post Postado Julho 25, 2014 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/ Compartilhar este post Link para o post Compartilhar em outros sites
Vitor RC 11 Denunciar post Postado Julho 25, 2014 O problema é que o rodapé sobe, e cobre o conteudo do site? Tenta utilizar media-queries entao se nao conseguir. Compartilhar este post Link para o post Compartilhar em outros sites