Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite,
estou com um problema, eu quero fazer o site ficar no meio, então utilizei este código:
.center{
margin: 0 auto;
max-width: 1200px; /* Largura maxima em pixel */
width: 90%; /*ajuste do layout à tela*/
}entretanto ele sobrepassa o outro código:
/ Sempre embaixo /
position: fixed;
bottom: 0;o que devo fazer?
Olá Givago,
Para que .center não ultrapasse o elemento que está fixo embaixo você precisa reservar um espaço em branco no elemento body para ele.
Declare um padding-bottom para body de valor igual a altura do elemento que está fixo.
body {
padding-bottom: 100px; / para reservar um espaço em branco de 100px de altura /
}
Olá,
Opção com menu fixo em cima: https://jsfiddle.net/ededev/1vm3aprr/10/
Opção com menu fixo em baixo: https://jsfiddle.net/ededev/1vm3aprr/11/
É isto que pretende?
Não sei colocar os botões no centro, centro vertical! Quem quiser dar uma ajuda agradeço :)
Como assim fazer o site ficar no meio? Centralizar todo o conteúdo do layout, seria isso? Se sim, está errado.
Utilizando .center você está atacando a classe 'center', que no caso, seria pré definida no seu documento HTML.
Faça da seguinte maneira, ataque o body.
body{
margin: 0 auto;
max-width: 1200px; / Largura maxima em pixel /
width: 90%; /ajuste do layout à tela/
}
Qualquer dúvida volte a entrar em contato ou utilize o manual do CSS: http://www.w3c.br/divulgacao/pdf/guia-css-w3cbr.pdf.
[]'s