Hola chicos de foros del web :)
Les comento que tengo un problema, he intentado solucionar el problema para ver si se puede hacer lo que deseo. Sucede que en está dirección:
http://pueb.inspiracion.cl/ tengo un sitio web ^^ y arriba tiene una imagen de fondo, el código html es el siguiente:
Código HTML:
<div id="slideshow">
<ul><li>
<img src="img/header.jpg" width="1280" height="207" />
</li></ul>
</div>
Luego tengo el código CSS
Código:
#slideshow {
position: absolute;
margin: 0 -157px;
padding: 0 157px;
z-index:0;
}
#slideshow li {
position: absolute;
left: 0;
top: 0;
width: 980px;
}
Entonces sucede que cuando visualizo el sitio web, queda el scroll horizontal visible, y cuando achico la ventana o la resolución funciona más o menos bien, el problema es que igual se ve el scroll horizontal porque el problema real es que al lado izquierdo se esconde un poco la imagen (eso está bien) pero el lado derecho de la imagen no se esconde.
Alguien sabe si como puedo lograr el efecto sin cambiar el tamaño de la imagen sino que la imagen se escondan las partes izquierdas y derechas y solo quede el centro dependiendo la resolución de la pantalla o el tamaño que deje el navegador.
Por su ayuda miles de gracias!!! bye ^_^