Estoy usando Plantilla de cubierta bootstrap para hacer un sitio web limpio con poco contenido: básicamente un texto y una imagen.
Encabezado y pie de página superponiendo el contenido del sitio web como se puede ver en esta captura de pantalla:
Sitio web: merdanacabeca.com/adrenalina/
¿Cuál es la mejor solución en este caso? ¿Consulta de medios?
Sé que puedo agregar un margen superior al contenido <div>
y cambie la posición del pie de página a estática en lugar de fija. Sin embargo, esto conduce a otros problemas en diferentes resoluciones de pantalla (más pequeñas, por ejemplo).
Estoy buscando el mejor enfoque.
Respuestas
0 para la respuesta № 1El problema se deriva de la posición fija de las clases .masthead y .mastfoot.
Intente eliminar la posición fija de .mastfoot y lo siguiente para .masthead y .cover:
.masthead {
position: fixed;
top: 0;
background: #333333;
}
.cover {
padding: 0 20px;
margin-top: 115px;
}
0 para la respuesta № 2
Si entendí su pregunta correctamente, está intentando detener el pie de página con el texto "Desenvolvido por ..." para que no se superponga ese botón blanco (corríjame si no).
bueno es por la padding-bottom
del .inner
Clase que el texto se encuentra allí. puedes reducir eso ...
También no creo que necesites position: fixed
para pie de página. Por lo general, se queda en la parte inferior de la página.
también puede asignar margin-top
al <div class="inner cover">
para hacer desaparecer el problema con el encabezado