Foros del Web - Ver Mensaje Individual - centrar imagen y que entre exacto en .html

kseso? · #5 (**permalink**) 19/03/2012, 14:46

Vale. Ahora sí comprendí.
Es lo que siempre he conocido como imagen al 100%.
Haz lo siguiente:
quita la imagen del fondo del body.
comienza tu html así:

Código HTML:

Ver original</head>
<body>
  <div id="fondo-imag">
    <img src="http://www.fisiopilatesperu.com/img_0524.jpg" alt="una imagen" />
  </div>
<!-- Aquí todo el resto de tu página tu y demás
<div align="center"> eliminando este comentario-->

Y en tu css añades:

Código CSS:

Ver original* {
    margin: 0;
    padding: 0;
    border: 0;
/*    position: relative; */ /*opcional*/
  }
html, body {
        width: 100%;
        min-height: 100%;
        height: auto !important;
        height: 100%;
}
#fondo-imag {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
}
#fondo-imag img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
}

Con esto se aseguras que sea cual sea el tamaño del monitor la imagen cubrirá todo el fondo.

Pero deberías revisar un poco el peso de la página, tardó en cargar y cuando lo hizo fue con la musiquita sonando.