Foros del Web » Creando para Internet » CSS »

background-attachment en IE y Firefox

Estas en el tema de background-attachment en IE y Firefox en el foro de CSS en Foros del Web. Buenas: Quiero poner una imagen de fondo dentro de un <DIV> pero, como no, si uso: background-attachment:fixed; en IE se ve perfecto pero en Firefox ...
  #1 (permalink)  
Antiguo 23/08/2007, 06:17
 
Fecha de Ingreso: enero-2002
Ubicación: España.... y olé!!
Mensajes: 110
Antigüedad: 15 años, 10 meses
Puntos: 0
background-attachment en IE y Firefox

Buenas:

Quiero poner una imagen de fondo dentro de un <DIV> pero, como no, si uso:

background-attachment:fixed;

en IE se ve perfecto pero en Firefox la imagen hay que colocarla porque aparece cortada y si hago esto, en IE se descolocaría.

¿Hay alguna manera de solucionarlo si el usuario usa uno u otro navegador? Es desesperante.

Un saludo
  #2 (permalink)  
Antiguo 23/08/2007, 10:05
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: background-attachment en IE y Firefox

podríamos ver la URL y/o el código de fuente?

Gracias!
  #3 (permalink)  
Antiguo 23/08/2007, 11:23
 
Fecha de Ingreso: enero-2002
Ubicación: España.... y olé!!
Mensajes: 110
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: background-attachment en IE y Firefox

Bueno, el sitio aún no está subido así que pongo cómo lo tengo en la página CSS:

Código:
.zona_info {
	width: 655px;
	height:470px;
	overflow:auto;
	background: #FFFFFF no-repeat;
	background-attachment:fixed;
}
Si lo pongo así en IE me va de maravilla pero en Firefox se me ve mal colocada la imagen de fondo, como cortada. He leido algo de detectar el navegador y poner esa línea en negrita conflictiva si es IE y si no, no ponerla.
  #4 (permalink)  
Antiguo 24/08/2007, 11:45
 
Fecha de Ingreso: enero-2002
Ubicación: España.... y olé!!
Mensajes: 110
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: background-attachment en IE y Firefox

Bueno al final he tenido que buscarme la solución por otro lado y la posteo aquí por si a alguien le es de utilidad. En las páginas donde necesito dejar el fondo fijo añado este código entre las etiquetas <HEAD> </HEAD> de la página web:

Código:
<!--[if IE]>
<style type="text/css">
  .zona_info{background-attachment:fixed}
</style>
<![endif]-->
Así tanto en el IE como en el Firefox se ve perfecto.

Saludos
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 05:02.