Permalink: http://www.treeweb.es/u/454/ 09/11/2010

Centrar imagen de fondo en una página

Descripción

Centrar una imagen de fondo en una página puede parecer algo sencillo pero en realidad hay que tener en cuenta un pequeño detalle. La etiqueta HTML también es un objeto que el navegador representa gráficamente y por defecto tiene la altura de los elementos de su interior. Para que el navegador calcule el centro vertical correctamente, deberemos fijar la altura del elemento HTML al 100%.

Ejemplo

El efecto se puede observar en el siguiente enlace /TreeWeb/Articulos/HTML-y-CSS/Centrar-imagen-de-fondo-en-una-pagina/centrar_imagen_de_fondo.html

Código

    0 
    1 HTML {height:100%;}
    2 BODY {background:
    3     url('http://www.treeweb.es/__archivo__/TreeWeb/Varios/inicio.jpg')
    4     no-repeat
    5     center center; }
    6 
    7

Referencias

Centrar imagen de fondo en una página - http://www.treeweb.es/centrar-un-div-en-una-pagina

centrar_imagen_de_fondo.html inicio.jpg