Hola que tal,
Antes de nada dar las gracias a los miembros del foro que me han salvado de muchos apuros con sus conocimientos y soluciones.
No tengo muchos conocimientos en lo que a lenguaje html se refiere, pero hasta ahora con las webs que he hecho no he tenido problemas y siempre he salido de los apuros copiando un código de aquí y de allá, uso el dreamweaver cs3.
Mi problema es el siguiente;
Estoy haciendo el index de una web, y la idea es que salga una imagen (750px X 536px) en centro vertical y horizontal, independientemente de la resolución que use... me costó, pero lo conseguí.
Pero ahora tengo un problema que me está derritiendo el cerebro de tanto darle vueltas.
Cuando veo el index en resolución 800x600 naturalmente la imagen sale en el centro, pero al ser mas grande que la ventana del navegador normalmente deberia salir un scroll vertical y horizontal para poder verla, pero nada no sale ni en IE8 ni en firefox. En las demás resoluciones sale bien puesto que la imagen se ve completa, pero en 800x600 la imagen sale por la mitad y no sale ningún scroll del navegador para ver el resto.
Espero que me podais ayudar, estoy ya desesperado...
Esto es lo que tengo;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
div {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
display: table
}
span {
display: table-cell;
vertical-align: middle
}
img {display: block; border: 0; margin: 1em auto}
body {
background-color: #000000;
}
</style>
</head>
<body>
<div><span><img src="fondo_index03.jpg" alt="" width="750" height="536" /></span></div>
</body>
</html>
Muchas gracias por anticipado!!