Solucionado (ver solução)
Solucionado
(ver solução)
7
respostas

Footer

Olá pessoal, tudo bem?

Eu adicionei o footer na minha página, mas não gostaria que ele só aparecesse quando eu chegasse ao final da página e não ficasse fixo quando uso a barra de rolagem.

Tentei tirar o position ou usar outros comando dentro do footer para que isso acontecesse. O que posso faazer?

Usei a mesma configuração para o header.

Obrigado.

Segue o código CSS.

.footer { background-color: #081f2b; color: #ffffff; padding: 20px; clear: both; position: fixed; bottom: 0; left: 0; width: 100%; box-sizing: border-box; }

7 respostas

*mas só gostaria que ele aparecesse quando eu chegasse ao final da página e não ficasse fixo quando uso a barra de rolagem.

Oi Raphael,

Realmente era só tirar o position:fixed que ele já ficaria sempre em baixo do conteúdo, e não ficaria fixo na página.

Veja no link abaixo se é isso que você precisa: http://jsbin.com/cehodosika/edit?html,css,output

abcs

Boa tarde Natan,

Quando eu retiro o position: fixed o footer não fica na página inteira (100%).

Raphael,

Você se refere a largura do footer?

No link que passei acima ele fica normal, por conta da declaração width: 100%.

Aqui com a largura da tela grande: http://puu.sh/kD8dH/2495871f48.png

E aqui com a largura menor: http://puu.sh/kD8gs/41bbca8406.png

Oi Natan,

Já encontrei o erro. Obrigado.

abs

solução!

Raphael,

Maravilha! Poderia marcar alguma das respostas como "solução" para fecharmos o tópico?

Obrigado e bons estudos!

Solução

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software