He intentado de un par de maneras:
1: Con un div principal con la imagen de fondo (es el mas correcto, ya que funciona perfectamente en todos los navegadores). Aqui hay scroll de la imagen, pero nose como puedo controlar el tamaño...
HTML
<div class="principal"></div>
CSS
.principal {
padding:40px 40px 40px 300px;
background: url(images/fondo.jpg) no-repeat 20px 20px fixed;
}
2: Poniendo la imagen de fondo en el body (este sistema me daba problemas en IE7, la opcion background-attachement parece que no le gusta).
CSS:
BODY {
background-image: url(images/fondo.jpg);
background-attachment: scroll;
background-repeat: no-repeat;
}
Los dos sistemas son correctos para hacer que la imagen baje junto con el texto, funcionan bien, pero no consigo hacer que la imagen siempre ocupe todo el ancho de la pantalla...
La pagina web es: www.piercingmagic.com
Podeis fijaros como queda, ahora mismo solo consigo que la imagen se muestre con el tamaño que tiene originalmente, cosa que me supone un problema ya que dependiendo de la resolucion del usuario, la imagen de fondo no encaja con la web... Alguien sabe como hacer que la imagen ocupe siempre todo el ancho??
Gracias una vez mas ;)