Solucionado
Estou testando meus conhecimentos desenvolvendo um site de uma padaria fictícia. O problema é que eu não consigo fazer o rodapé ficar com o mesmo tamanho da minha pagina. Eu coloco width: 100% e aparece a barra de rolagem horizontal do meu navegador, ou seja, ele fica maior que minha pagina. Eu zerei as bordas e margens no meu reset.css. Alguém tem alguma ideia de porque isso acontece?
Oi Rafael,
Dá uma inspecionada no código computado no inspector do navegador e veja se não está entrando algum estilo estranho no body da sua página.
Abraço!
Obrigado amigo, ainda ontem eu sai fuçando na internet, testei códigos e comparei os resultados ate conseguir fazer o rodapé ficar perfeito. Consegui com esse CSS que em parte criei, editei e peguei na net.
* {
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box;
}
html, body {
height:100%;
width:100%;
}
.geral {
min-height:100%;
position:relative;
border: 5px solid red;
background-color: bisque;
text-align: justify;
.rodape {
width: 100%;
background-color: chocolate;
position: absolute;
bottom: 0;
}Abraço.