Hola!, ando teniendo un problema muy raro al querer posicionar una imagen en el centro de la pantalla.
En primer lugar tengo un fondo al cual posicione en el centro. Y arriba de el quiero ubicar otra imagen pero al testearlo en el navegador aparece en otra posición toda corrida.
La estructura de mi pagina es la siguiente:
<body>
<div id="wrap">
<div id="imagen"></div>
</div>
</body>
Y el css:
body {
background-image: url(images/intro/backg2.jpg);
background-repeat: no-repeat;
background-position: center top;
margin: 0 auto;
padding: 0 auto;
}
#wrap {
height: 100px;
width: 450px;
margin-top: 250px;
margin-left: 100px;
}
#imagen{
background-image: url(images/intro/v_html_azul.png);
background-repeat: no-repeat;
height: 93px;
width: 176px;
}
No puedo detectar que estoy haciendo mal, agradecería mucho la ayuda que me puedan dar.
Saludos!!