Fondo de la web, tamaño fijo.

[Lummox]

Tengo una pagina web creada a partir de tablas, el caso es que quiero añadir un fondo de imagen a la pagina pero que s¡empre quede en la misma posicion aunque se le haga mas o menos zoom a la web. Algo asi como lo que pasa en esta web;

[URL="http://www.battlefield-3.es/"]http://www.battlefield-3.es/[/URL]

Si alejamos el zoom vemos como la imagen no se descuadra ni nada, pues eso es lo que quiero lograr yo.

Gracias por la ayuda.

[emprear]

No se a que llamás "hacerle zoom" a la página, a apretar Ctrl+, o si te referís a hacerle scroll, en todo caso esa página tiene una capa contenedora alineada al centro y para el background el css para el body es

Código CSS:

background-image:url(/img/backgroundImage_final3.jpg);
    background-position: center top;
    background-repeat:no-repeat;
    background-attachment:fixed;
 

Lo de la misma posición se logra con el background-attachment:fixed;
Saludos

[luisgzafra]

¿Te refieres a que esa imagen está siempre centrada tenga la pantalla que tenga y esté el scroll donde esté?

[Lummox]

Si, me refiero a una imagen de fondo que este centrada respecto a la pagina en si, y que haga scroll, el problema lo tenia al alejar el zoom de la pagina mediante " control - " o "control - rueda del raton.." vamos que al alejar la pagina con el zoom del navegador, el fondo se me descuadraba todo.

Lo he solucionado creando una nueva clase para la etiqueta body, lo he metido dentro de una pagina de estilos css, y asi lo tengo para todas las paginas de la web. Dentro del estilo css "body", he metido el fondo tal como se muestra en la imagen, y ya funciona;



Dejo el dato, por si le puede servir a alguien.

Gracias y un saludo ;)