Centrar una imagen de 1024×768 en horizontal sobre el fondo

/*Primero fijaremos el fondo para que quede fijo en el body*/

body{
background-image:url(images/background.gif);
background-color:#000000;
background-position: center;
background-attachment: fixed;
background-repeat:repeat-x;
overflow:auto;
}
/*aplicamos esta clase

por encima del html de la imagen/
#contenido {
position: absolute;
left: 50%;
margin-left: -512px; /*Restamos la mitad de ancho de la imagen*/
}

#contenido img {
width: 100%;
height: 100%;
}

¡Comparte esto!
Diseño web

Deja un comentario

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

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current month ye@r day *