Comentários sobre: Rodapé fixo

Por: João Carlos

João Carlos — Thu, 05 Jan 2012 12:49:21 +0000

Saudações, Parabéns pelo tutorial.
Estou com uma dificuladade, eu uso divs “position:absolute;” dentro do meu conteúdo
.center{ position:absolute; width:1024px; left:50%; margin-left:-512px;}
e o rodapé as esta ignorando podem ajudar ?

Por: Gwenn Wilkerson

Gwenn Wilkerson — Tue, 04 Oct 2011 15:16:55 +0000

@Luana: Ola Luana, da uma olhadinha nesse site..
Acredito que vai ser bem útil..
Abraços..

http://www.cssstickyfooter.com/br/using-sticky-footer-code.html

Por: Henrique Almeida

Henrique Almeida — Tue, 07 Jun 2011 01:33:26 +0000

Após muitas horas de procura no google o único que funcionou Parabéns e Obrigado! =D

Por: Lia

Lia — Sat, 07 May 2011 17:54:48 +0000

funcionou em todos os browsers que testei
adorei o site, só acho que vcs poderiam fazer os exemplos mais objetivos, sem código irrelevante, como background, color, etc.

Por: Leonardo Cavalcante

Leonardo Cavalcante — Thu, 21 Oct 2010 18:18:43 +0000

@Luana:
Position:fixed;
bottom:0;
z-index:9999999999;

Problema: mobile nao aceita fixed, como o ipad,
tenta usar como absolut tbem…

Por: Flávio

Flávio — Mon, 18 Oct 2010 13:29:28 +0000

Muito Legal!! Depois de várias tentativas com vários códigos diferentes… consegui fazer funcionar!! Como o meu site é em asp.net bastou acrescentar o form aqui: html, body, form { height: 100%; }

Aí ficou tudo certinho… valeu!!!

Por: Desenvolvimento de Sites Curitiba

Desenvolvimento de Sites Curitiba — Sun, 01 Aug 2010 17:08:59 +0000

Amigos meus parabéns, estava quebrando a cabeça a algum tempo com essa coisa de conseguir deixar o footer fixo no fim da página, já tinha tentado várias coisas e nada tinha funcionado, agradeço a quem teve a iniciativa de fazer esse tutorial e disponibilizar na web.

[]s

Por: Marcus

Marcus — Thu, 22 Apr 2010 20:21:31 +0000

até que emfim uma solução que realmente funciona. E o pior (melhor) é que as técnicas usadas são as mais comuns. – Basta saber usar e combinar

Obrigado pessoal

Por: JrGodoi

JrGodoi — Wed, 28 Oct 2009 20:08:03 +0000

Quando preciso eu utilizo a solução Sticky Footer. Acho mais simples, mesmo porque esta solução já utiliza também o excelente clearfix.

http://www.cssstickyfooter.com/

Abraços,
JrGodoi

Por: g3

g3 — Thu, 22 Oct 2009 16:17:10 +0000

Obrigado pelo comentário Luiz B.

Na verdade esta renderizando correto, o caso era que a div#coluna1 e div#coluna2 estavam com altura (height), então se alguém copiou o código do exemplo para resolver e não “dá pau” é só remover a altura da div#coluna1 e div#coluna2.

Caso mantenha a altura o código vai renderizar dessa forma em todos os navegadores bons, exceto no Internet Explorer 6 (e versões anteriores), pois o IE6 não consegue manter a altura do elemento quando o respectivo conteúdo ultrapassa seus limites.

Por isso que o nosso exemplo não estava bugando quando executado no IE6 e sim no FF e IE7.

Mas para evitar qualquer problema eu removi a altura do exemplo e da explicação.