/ / Fondo de degradado CSS3 con espacio en blanco no deseado en la parte inferior - css, css3, espacios en blanco, degradado

Fondo de degradado CSS3 con espacio en blanco no deseado en la parte inferior - css, css3, espacios en blanco, degradado

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% a body.
  • Eliminar todas las instancias de padding-top de body (o de lo contrario configúralo en 0)
  • 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.