fondo bitmap centrado en ventana mas pequeña que la imagen

pingpuk · #1 (**permalink**) 13/03/2008, 12:26

Antes que nada un saludo a tod@s los foreros, pues soy completamente nuevo.

Os comento mi problema.

Tengo editado un bitmap con una resolución de 1900 por 1200, para ser usado como fondo y guía para otros elementos, básicamente animaciones en flash, y para ello utilizo dreamwaver cs3.

Tras buscar en este foro, y en la red, no acabo de encontrar una solución para dejar siempre centrado este fondo, independientemente del tamaño del navegador.

La solución que mas se ha acercado es hacer que el fondo se escale, que tampoco me interesa, no quiero que el fondo pixele.

Espero que me hayáis entendido.

Un saludo y gracias!

MiguelSB · #2 (**permalink**) 14/03/2008, 17:56

no se si entendí lo que deseas, tu quieres que tu imagen siga centrada por mas que cresca la pagina web, es decir que no se repita como un mossaico verdad???
si noes así peudes mandar un jemplo parar ayudarte ???

pingpuk · #3 (**permalink**) 15/03/2008, 04:42

Hola, y gracias por interesarte!

Te cuento, tengo una imagen de fondo, cuyo centro debe de coincidir siempre exactamente con el centro de todos los navegadores, sin importar que el resto de la imagen no se vea, ni lo pequeña que sea la ventana o resolución.

La imagen es grande, en previsión de que alguien tenga una pantalla de 1900 x 1200, por ejemplo. Al tener esa imagen tan grande, en mi pantalla, y tras intentar algunas cosas (css, tablas...), siempre se me centra todo a la izquierda, y me aparecen los deslizadores.

Lo mas cerca que he estado de conseguirlo es insertando una imagen en un div al 100% del navegador, pero entonces no respeta la relación de aspecto según en que monitores, vamos que se deforma.

Muchas gracias.

pingpuk · #4 (**permalink**) 15/03/2008, 12:01

Este es un buen ejemplo de fondo siempre centrado:

http://wwws.warnerbros.es/iamlegend/

juaniquillo · #5 (**permalink**) 15/03/2008, 12:31

esa página contiene un flash,el cual puedes hacer que ocupe todo el espacio de la ventana.
Con una imagen no puedes hacer eso ya que tienen un alto y ancho fijos. Se podría hacer con javascript pero con el peligro de pixelar la imagen si el usuario tiene una resolución muy alta.

Ahora si lo que buscas es la imagen se centre tanto horizontal como verticalmente independientemente de la resolución, pues eso es algo que creo que se puede hacer con una tabla pero no es recomendable ya que, por lo menos en mi experiencia, no funciona bien en todos los navegadores.

pingpuk · #6 (**permalink**) 15/03/2008, 14:52

Muchas gracias por tu respuesta!

Por lo que he podido averiguar, la animación flash este dentro de una tabla, con dos celdas, una para la animación, y otra para los créditos de la película.

También hay java por ahí en medio, pero no tengo ni idea que es lo que hace.

Lo que a mi me gustaría es que poner una imagen, por ejemplo de 1900 x 1200, que ya es grande, y dibujar una diana justo en el centro de la imagen. Luego, conseguir que esa diana siempre coincida con el centro del navegador, sin importar lo pequeño o grade que este sea.

Si el tamaño del navegador es mayor que la imagen, esta no va a reescalar con el navegador, se debe quedar centrada y con el tamaño fijo, y el resto de espacio libre, un fondo negro, o de cualquier color.

Supongo que debe ser complicado entenderme, pero espero que poco a poco puede encontrar una solución.

Muchas gracias!

juaniquillo · #7 (**permalink**) 15/03/2008, 15:08

porque no pones la imagen en el fondo del body centrada usando CSS. Una vez hecho eso puedes ponerlo que quieras encima.

pingpuk · #8 (**permalink**) 17/03/2008, 10:33

Ya encontré la solución!

Este es el código resultante (css):
tyle type="text/css">


Muchas gracias a tod@s!

junioro13 · #9 (**permalink**) 18/03/2008, 16:04

Oigan..necesito saber como hacer lo mismo pero no se donde colocar ese codigo..lo necesito paso a paso porque no logro conseguir que la imagen de fondo kede siempre al centro independientemente de la resolucion...