Entrar Ainda não tem acesso?
2
respostas

[Dúvida] O footer não ficar lá no fundo.

Referente ao curso HTML e CSS: cabeçalho, footer e variáveis CSS, no capítulo Criando header e footer e atividade Desenvolvendo o footer

por Guilherme Rodrigues Grillo
| 14.8k xp | 9 posts

O footer não ficar lá em baixo de jeito nenhum Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Segue o código a seguir: Código HTML:

 <footer class="rodape">
                <p class="rodape__paragrafo">Desenvolvido por Guilherme Rodrigues.</p>
 </footer> <!-- rodapé da página -->

Código do CSS:

.rodape{
    margin: 0;
    padding: 0;
    background-color: #22D4FD;
    text-align: center;
}

.rodape__paragrafo{
    color: black;
}
2 respostas
por Luis Dias
| 2384.5k xp | 1781 posts
Developer (⌐■_■)

Oi, Guilherme

Use position: fixed; 

.rodape{
    position: fixed;
    bottom: 0;
    width: 100%;    
    margin: 0;
    padding: 0;
    background-color: #22D4FD;
    text-align: center;
}

Veja mais em: CSS Layout - The position Property

por Guilherme Rodrigues Grillo
| 14.8k xp | 9 posts

Então, eu tirei o width do body, que estava em 100vh, e resolveu. Mas vou voltar como estava, pra ver se essa solução funciona. Mesmo assim, obrigado. :)