Foros del Web » Creando para Internet » CSS »

Fondo con imagen en CSS

Estas en el tema de Fondo con imagen en CSS en el foro de CSS en Foros del Web. Hola a tod@s! Estoy maquetando una web de la que me han pasado el PSD. En el PSD viene una imagen de fondo de 1131px ...
  #1 (permalink)  
Antiguo 08/10/2010, 07:48
 
Fecha de Ingreso: septiembre-2010
Mensajes: 20
Antigüedad: 13 años, 7 meses
Puntos: 0
Fondo con imagen en CSS

Hola a tod@s!

Estoy maquetando una web de la que me han pasado el PSD. En el PSD viene una imagen de fondo de 1131px de ancho.

Si le aplico esta imagen de fondo al <body> en resoluciones grandes el fondo se repite (no quiero que se repita).

Lo que busco es que la imagen del fondo quede bien en todas las resoluciones y que no se repita ni deforme... ¿es posible?

Un saludo
  #2 (permalink)  
Antiguo 08/10/2010, 07:56
 
Fecha de Ingreso: agosto-2009
Mensajes: 78
Antigüedad: 14 años, 7 meses
Puntos: 2
Respuesta: Fondo con imagen en CSS

Esto es lo unico que tiene que hacer

body {
background: url(fondo.png) top center no-repeat;
}

Te comento el que los atributos top y center es para alinear la imagen de fondo arriba y al centro de la pagina

Última edición por wilo087; 08/10/2010 a las 08:02
  #3 (permalink)  
Antiguo 08/10/2010, 13:08
 
Fecha de Ingreso: septiembre-2010
Mensajes: 20
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: Fondo con imagen en CSS

Gracias por contestar, pero no es lo que busco.

Con la solución que me has propuesto el fondo se centra, pero cuando termina el resto de la web queda de color blanco... necesito algo para que sea la resolución que sea el fondo siempre se muestre igual.

¿Es posible? Gracias

Última edición por xeme; 08/10/2010 a las 13:24
  #4 (permalink)  
Antiguo 08/10/2010, 15:38
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: Fondo con imagen en CSS

Prueba la técnica "Alice in Wonderland": http://www.cssplay.co.uk/layouts/background.html

Aunque comunmente no llega a ser lo mas óptimo, y con imágenes pequeñas, se distorciona bastante. Lo mejor siempre es tener un fondo repetible o que se lleve bien con un color sólido
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #5 (permalink)  
Antiguo 09/10/2010, 02:19
 
Fecha de Ingreso: septiembre-2010
Mensajes: 20
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: Fondo con imagen en CSS

Vale, he probado la técnica "Alice in Wonderland" y es lo que más se ajusta a mis necesidades.

Muchas gracias a todos!

Etiquetas: fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:37.