Foros del Web » Creando para Internet » CSS »

Ayuda - Background fixed 100% Posible?

Estas en el tema de Ayuda - Background fixed 100% Posible? en el foro de CSS en Foros del Web. Que tal diseñadores de Forosdelweb. Necesito ayuda para maquetar una diseño/idea que se me ocurrio. El diseño contaria con dos "paneles", el contenido y la ...
  #1 (permalink)  
Antiguo 09/08/2008, 22:59
Avatar de Blunk  
Fecha de Ingreso: septiembre-2006
Mensajes: 145
Antigüedad: 11 años, 3 meses
Puntos: 4
Busqueda Ayuda - Background fixed 100% Posible?

Que tal diseñadores de Forosdelweb.

Necesito ayuda para maquetar una diseño/idea que se me ocurrio.

El diseño contaria con dos "paneles", el contenido y la barra inferior que sera la navegacion. La barra de navegacion quedara siempre ontop del contenido, eso esta hecho.

El problema esta en que el fondo del contenido tiene unos gradientes que me gustaria que se vean siempre. Le da un enfoque a lo que seria el contenido y por eso es importante que se mantengan en cualquier resolucion que sea visto.

Hay alguna solucion para que este fondo quede "pegado" a la ventana del navegador y sea cual sea su resolucion este fondo (background) se desforme para mantener el aspecto.

Les dejo una muestra, lo hice bastante al azar unicamente para mostrar la idea y con contenido de meustra.



Se entendio???

Muchas Gracias ;)
  #2 (permalink)  
Antiguo 10/08/2008, 05:00
 
Fecha de Ingreso: noviembre-2006
Mensajes: 437
Antigüedad: 11 años
Puntos: 3
Respuesta: Ayuda - Background fixed 100% Posible?

Hola blunk. Creo que no es posible lo que dices, para eso se podria utilizar algo de javascript pero si te soy sincero, no lo veo buena idea ya que si tu imagen esta optimizada para que se vea bien en una resolución de 1024 de ancho , imaginate si se deforma para verse en una resolución de 1600..la imagen estaria pixelada a mas no poder. Yo lo que haria es una imagen que se pueda ir repitiendo de fondo, asi aunque sean diferentes resoluciones siempre se vera la imagen de fondo con la propiedad " background: url(ruta) repeat-x repeat-y; ".

Un saludo
  #3 (permalink)  
Antiguo 10/08/2008, 18:55
Avatar de diegoy2k  
Fecha de Ingreso: julio-2006
Ubicación: Algun Lugar
Mensajes: 68
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Ayuda - Background fixed 100% Posible?

Se me ocurre que podrias hacer un div contenedor y dentro de este, dos div uno superior y otro inferior, para poder representrar lo que esta en la imagen.
Haciendo que los div que esten dentro del div contenerdor, tengan las dimensiones alto y ancho que indique cada imgen, por otro lado el div contenedor que este centrado, entonces si las resoluciones son menores que las que vos definiste se activaran los scrollbar, mientras que si las resoluciones son mayores que la que vos definiste, todo se vera bien con algun margenes que no te afectaran tu diseño.
Es una idea!!, Saludos!!
  #4 (permalink)  
Antiguo 10/08/2008, 21:04
Avatar de Blunk  
Fecha de Ingreso: septiembre-2006
Mensajes: 145
Antigüedad: 11 años, 3 meses
Puntos: 4
Respuesta: Ayuda - Background fixed 100% Posible?

Lo charle con un amigo muy pro en CSS y decidi cambiar el diseño. Va a ser mas facil cambiar un poco la imagen de fondo o sino olvidarse de esto del tamaño. Con javascript detectar la resolucion y que dependiendo de eso cambie la imagen pero que no sea esencial.
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 17:59.