Hola chicos
Tengo una web que mide 800x600 y quiero centrarla tanto horizontal como verticalmente.
Si la resolución es mayor o igual a 1024x768 se ve perfecto, pero en netbooks y resoluciones menores como 800x600 o navegadores con barras de herramientas, la parte superior de la imagen no se ve.
¿Alguna idea de que puede pasar?
Aquí el código usado:
Código HTML:
<head>
<style type="text/css">
*{
margin:0;
padding:0;
}
body{
background:red;
width:100%;
height:40px;
}
#contenedor {
width: 800px;
height: 600px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -400px; /* height/2 = 500px / 2 */
margin-left: -300px; /* width/2 = 500px / 2 */
background:url('dibujo.jpg');
}
</style>
</head>
<body>
<div id="contenedor">
Prueba
</div>
</body> Os adjunto un par de imagenes, de lo que debería verse y lo que se ve:
Lo que debería verse entero:
http://subefotos.com/ver/?e23e0f10a3...801e329edo.jpg
Y como se ve:
http://subefotos.com/ver/?7fcae69ff8...744d1a88eo.jpg
Si os fijais en esta seguna imagen no se ve lo de 3.5 encima de un murete....
Gracias de antemano y feliz año!