Avatar Image
Machacateclados
Machacateclados

Hola. Les plantéo el problema:

Tengo una capa con la propiedad css overflow: auto, y una imagen de fondo con la propiedad no-repeat.

El problema se da (cuando no) con Internet Explorer 7, (la versión que en este momento tengo instalada). Al hacer scroll (con la barra de desplazamiento) en la capa, la imagen de fondo se desplaza junto con el texto, cosa que no ocurre con Firefox, ni con Chrome.

Ahora bien, he probado de todo para que no esto ocurra (attachment: fixed, etc.), pero no puedo lograrlo.

Les dejo un ejemplo donde se ve el error de IE.

Ejemplo de desplazamiento de la imagen de fondo en IE

Otra cosa aparte. Cuando coloco la propiedad background-attachment:fixed, la imagen de fondo de la capa queda fija en los dos navegadores, pero si la capa se encuentra en un lugar distinto a la coordenada (0x,0y), es decir en la parte superior izquierda de la pantalla, la imagen de fondoqueda fija en la parte superior izquierda de la pantalla.

Si no me expliqué bien, pueden ver el error en el siguiente ejemplo.

Esto ocurre tanto en IE como en Firefox

Gracias por la atención, espero haber sido claro.

Saludos

Avatar Image
Usuario habitual
Usuario habitual

Especificas la posición de la imagen de fondo en css????

Avatar Image
@man / @woman
@man / @woman

Uso IE 6, también se desplaza la imagen de fondo.

No alcanzo a comprender del todo, (en palabras distintas de Vanadis82) las imágenes de fondo tienen otras propiedades como top, left, width, height y otras para posicionarlas y darles tamaño al punto.

Avatar Image
@man / @woman
@man / @woman

Ve este modificado

Spoiler:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>La imagen de fondo se dezplaza en IE</title>
</head>
<body style="background-image:url(fondo.jpg);position:fixed;background-repeat:no- repeat;">
<div style="overflow:auto;width:100px;height:100px;">
Si ingresan a este ejemplo con Firefox, o Chrome y "scrolean" el texto se desplazará y la imagen de fondo quedará fija.
En cambio si están visualizando este ejemplo con IE7 la imagen de fondo se desplazará junto con el text
¿Alguien tiene una idea de como evitar esto?
</div>
</body>
</html>

(el background es en el body).

Avatar Image
Machacateclados
Machacateclados

Gracias por tomarse el tiempo para ayudarme. No GestionXls, no era eso lo que quería hacer. En el tema principal dije el problema pero no lo que quería lograr. Error mio.

Estaba organizando la estructura de una web con capas. Para que no me descuadre el diseño, debía hacer una capa que "scrolee" cuando el contenido de la misma sea superior a la altura de la capa.

Para que encuadre con el diseño, el fondo debía ser fijo y no desplazarse con el scroll de la capa, pero si con el scroll del body.

Lo solucioné poniendo el fondo en una capa contenedora, y el contenido (texto, imagenes), dentro de otra capa incluida en la contenedora.
Cuando tenga tiempo, edito con el ejemplo.

Gacias de nuevo.

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 30/Abr/2004, 18:52
oluweb Neherenia ur13y NoSetup.org Torry_II579kMay/05
Por: , el 14/Sep/2012, 14:24
Teresarp02kSep/12
Por: , el 26/Abr/2012, 01:04
franciskiko_20 eariass112kSep/12
Por: , el 22/Sep/2011, 19:26
GM-Dero Josepepe03325kSep/11
Por: , el 30/Ago/2011, 09:13
GM-Dero Sirquini GestionXls511kSep/11