@Persocon

\\Geek.Candy Bug do rodapé

Depois que finalizei o projeto, coloquei no ar e não testei em todos navegadores possiveis porque me deu uma baita preguiça, recebi relatos de usuarios de Safari e Chrome de que o rodapé ocupava só parte do que era pra ele ocupar, e no Firefox, ele se extendia conforme fosse o tamanho da tela do cliente

Esse é um problema pra todo webdesigner que tenta ou já tentou usar dois ou três imagens de background em uma mesma página.

A ideia inicial era colocar um background alinhado ao bottom da pagina, no html, por CSS, e um segundo background, que seria o topo do site, as nuvens, no body, por CSS também, alinhado ao centro e topo. Não deu certo, CSS2 tem um bug de position quando se tenta usar background alinhado ao bottom, você tem que colocar ele como position fixed senão nao aparece, logo quando você rola a pagina pra cima, o background vai junto.

Segunda alternativa, uma div footer com o background. Tá essa parece a melhor das ideias. Mais nao rolou, sei lá porque no Firefox ficava lindo e maravilhoso e nos outros navegadores não.

Tá, foi ai que ontem(quarta feira, 9 de setembro) eu, louco de antibiotico e anti-inflamatório, navegando caçando coisas sobre jquery e tecnicas de css3 novas me deparo com isso:
http://www.cssstickyfooter.com
A TECNICA SUPREMA E DEFINITIVA pra solucionar todos meus problemas e consertar o bug cretino do rodapé.
Super simples de aplicar, super útil e tudo!
resultado:

Rodapé perfeito!

Apesar de que, daqui algumas semanas ou sipá um mês ou dois, entra um layout novo lá, mais eu precisava muito aprender isso senão não ia ficar sussegado!

Sobre Pedro Costa Neves

Webdesigner, Wordpress Ninja, fundador do http://persocon.org e do http://geek-candy.com. Sócio, Co-fundador, Diretor de Arte, Web Developer em !Drop Studio e está procurando emprego em Chapecó se alguem souber avise-me. Você pode entrar em contato comigo através da página de contato neste site ou pelo email neo[at]persocon.org.