1
resposta

RODAPÉ FICA NO MEIO DA PÁGINA

Quando crio a página de contato e adiciono o cabeçalho e o rodapé que fiz nas outras páginas, nessa página de contato, ele fica no centro, e não embaixo onde deveria estar o rodapé (Fiz o mesmo que o professor porém o meu ficou assim, e o dele ficou normal) Insira aqui a descrição dessa imagem para ajudar na acessibilidade

IMAGEM DO CSS: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

OBS: Para concertar isso, aumentei os px da margin onde está o footer em 240px e o rodapé foi pra onde eu queria (Porém gostaria de saber se o que fiz está correto)

1 resposta

Olá, Álax!

Sua abordagem funciona para a sua tela, porém, se tivermos uma tela maior, o footer voltaria a ficar distante da margem inferior. Para contornar isso, você pode setar a propriedade position como absolute (o que também não é considerada uma boa prática de programação, para fins responsivos), e definir que o elemento footer ficará "colado" ao fundo da página (bottom: 0).

O código ficaria assim:

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    #Restante das configurações
}

Espero ter ajudado!

Boa sorte em seus estudos!