Jump to content

Dúvida sobre posicionamento da tag footer - HTML5 e CSS


Diogenes Rocha
 Compartilhar

Postagens Recomendadas

Boa noite. Estou seguindo um tutorial para criação de um site, mas parado há horas tentando entender como resolver uma situação com o rodapé. Vou tentar explicar: O rodapé (Footer) está ocupando 100% do espaço sendoque é pra ele ficar do tamanho do restante do site. No tutorial está explicando da seguinte forma:

Container interno

Repare que o rodapé, diferentemente de todos os elementos do layout, ocupa 100% da largura da

página. Ele não é restrito ao tamanho de 940px do miolo do nosso site. Isso porque o rodapé tem um background que se repete até os cantos.

Mas repare que o conteúdo dele é limitado aos 940px e centralizado junto com o resto da página -onde estávamos usando a class container . O que precisamos fazer então é ter o <footer> com 100% e uma tag interna para o conteúdo do rodapé em si, com a classe container :

<footer>

<div class="container"> ....

</div>

</footer>

Não consegui compreender o que realmente ele quis dizer com esse "ter o <footer> com 100% e uma tag interna para o conteúdo do rodapé em si, com a classe container".

Captura de Tela (74).png

Link to comment
Compartilhe em outros sites

Crie uma conta ou entre para comentar 😀

Você precisa ser um membro para deixar um comentário.

Crie a sua conta

Participe da nossa comunidade, crie sua conta.
É bem rápido!

Criar minha conta agora

Entrar

Você já tem uma conta?
Faça o login agora.

Entrar agora
 Compartilhar



Sobre o Fórum

Este é um fórum para todos que fazem parte
do ecossistema de uma Software House!

Bem-vindo(a) ao fórum da Casa do Desenvolvedor, uma comunidade completa, onde desenvolvedores, software houses, profissionais de marketing, experiência e vendas, fornecedores de soluções, aficionados por inovação e tecnologia podem tirar dúvidas, compartilhar novidades e conhecimento, trocar experiências e até postar uns memes que só nós da tecnologia entendemos 😅

Crie agora sua conta e vamos juntos fortalecer
o desenvolvimento de software no Brasil! 🇧🇷

×
×
  • Create New...