Foros del Web » Creando para Internet » CSS »

Problema para colocar una imagen fija de fondo dentro de un div con scroll...

Estas en el tema de Problema para colocar una imagen fija de fondo dentro de un div con scroll... en el foro de CSS en Foros del Web. Hola, espero puedan ayudarme con esto: mi intención es moverme dentro de un campo determinado de mi página web, que ocupa el 100% de la ...
  #1 (permalink)  
Antiguo 27/10/2008, 04:10
 
Fecha de Ingreso: octubre-2008
Mensajes: 1
Antigüedad: 15 años, 5 meses
Puntos: 0
Problema para colocar una imagen fija de fondo dentro de un div con scroll...

Hola, espero puedan ayudarme con esto: mi intención es moverme dentro de un campo determinado de mi página web, que ocupa el 100% de la pantalla, cree una tabla y dentro de ella en la celda del medio puse un <div> para poder así lograr un scroll y no tener que usar frames.
Hasta aquí todo bien, está ubicado precisamente donde quiero y tengo el scroll. Ahora quisiera poner una imagen de fondo, PERO, que no se mueva!!! o sea dejar el fondo fijo. Como esto se utiliza generalmente en el "body", lo que hice fue lo siguiente, en un archivo .ccs coloqué esto:

#container {
background:fixed;
background-repeat:no-repeat;
background-position:top;
background-position:left;
background-image:url(img/foto_alpha22.gif);
height:347px;
width:733px;
overflow:scroll;
float:inherit;
}

Pero, o se me repite la imagen o me la ubica de un modo extraño. Por favor, pueden decirme si me falta o me sobra algo del código que tengo? o, mejor aún, si tienen la solución de manera más sencilla? Por favor, me urge esta respuesta. Muchas gracias!
  #2 (permalink)  
Antiguo 27/10/2008, 05:21
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Problema para colocar una imagen fija de fondo dentro de un div con scroll

Debería funcionarte así:

#container {
background:url(img/foto_alpha22.gif) no-repeat top left fixed;
height:347px;
width:733px;
overflow:scroll;
float:inherit;
}

También podría afectar el doctype que tengas en la cabecera.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 27/10/2008, 05:48
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Problema para colocar una imagen fija de fondo dentro de un div con scroll

Ya que estamos...
Que significa inherit en el float?
Gracias...

Aresillo!!
  #4 (permalink)  
Antiguo 27/10/2008, 06:02
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Problema para colocar una imagen fija de fondo dentro de un div con scroll

Heredado, osea, que tenga el mismo float que su contendora padre, algo generalmente innecesario y poco usual.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 27/10/2008, 06:05
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Problema para colocar una imagen fija de fondo dentro de un div con scroll

Gracias Mikmoro!
has visto mi duda del otro tema? Acabo de reeditarla porque no me había explicado bien

Aresillo!!
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 03:08.