background-attachment en IE y Firefox

Kepsober · #1 (**permalink**) 23/08/2007, 05:17

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

DragonX · #2 (**permalink**) 23/08/2007, 09:05

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

Gracias!

Kepsober · #3 (**permalink**) 23/08/2007, 10:23

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.

Kepsober · #4 (**permalink**) 24/08/2007, 10:45

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