bottom que no se va al bottom

24/May/2011 55

Este es un fix corto y preciso. En browsers modernos (¡sí, tal como leíste esto no afecta IE6 ni IE7!) la propiedad background-position no funciona como uno espera.

La condición dice:


Si quieres poner una imagen como fondo del <body> y posicionarla abajo de la ventana del browser (background-position: bottom) y el contenido de tu sitio no llega hasta el fondo de la ventana, la imagen de fondo llegará sólo hasta donde llegue el contenido.

Ver ejemplo 1

Para solucionarlo, basta con definir:

html {
   height: 100%;
}

Ver ejemplo 2

Ahora, esta solución es útil cuando sabes que el contenido es y será menor al alto de la ventana; si tu contenido es dinámico es mejor que utilices min-height:

html {
   min-height: 100%;
}

Ver ejemplo 3

Gracias a inyaka por hacerlo notar.

Comentarios

  1. BradleyTonuh [#]

    generic cialis canadian buy cialis toronto – buy cialis canadian
    cialis sale 20mg

  2. BradleyTonuh [#]

    cialis online without prescription buy cialis online in canada – how to buy cialis online from canada
    cialis 20mg low price

  3. Nlxxgi [#]

    over the counter ed pills in usa – microgynon ed ferrous fumarate family planning pills tom selleck and ed pills

  4. BradleyTonuh [#]

    buy cialis united kingdom buy cialis online best price – buy cialis tadalafil0 with pay pal
    cialis 20mg usa

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CSSLab