Estoy teniendo muchas dificultades para deshacerme del espacio en blanco en la parte inferior cuando aplico un gradiente de CSS3 y el contenido no tiene la altura suficiente para una barra de desplazamiento.
Tales como aquí: http://womancareolympia.webs.com/
He intentado jugar con la configuración de html yAlturas del cuerpo al 100% o auto. Soy capaz de hacer que el degradado vaya al final de esta manera, pero cuando el contenido requiere una barra de desplazamiento, el contenido fluye más allá del degradado.
¡Gracias por la ayuda!
Respuestas
5 para la respuesta № 1- Añadir
min-height: 100%
abody
. - Eliminar todas las instancias de
padding-top
debody
(o de lo contrario configúralo en0
) - Conjunto
top: 129px
en#fw-container
. - Conjunto
margin-bottom: 110px
en#fw-container
. - Añadir
overflow: hidden
a#fw-foottext
.
(probado solo en Chrome + Firefox)
Creo que deberías rediseñar tu CSS no usar Cosas como top: 100px
y margin-top: -50px
por todo el lugar. Simplemente no hay razón para ello.