Problema con Css con mozilla

[Zack78]

Por favor alguien me podría decir cual es problema con el css y mozilla

Tengo este css, que en explore de internet funciona perfectamente, pero en mozilla no fuciona.

La imagen de fondo se queda quieto, no se mueve cuando muevo el scroll.

#contenidoweb
{
width:100%;
height:100%;
overflow:auto;
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
}

Por favor ayúdenme a solucionar mi problema

muchas gracias.

[hades87]

a que te refieres con que no se mueve? se ha de mover?

[Zack78]

Iniciado por hades87

a que te refieres con que no se mueve? se ha de mover?

Gracias por responder


Mejor aquí te paso el link para que veas el error en mozilla

http://www.elsitiodenegocios.com/

Si te fijas en explore funciona perfectamente.

Por favor, proba desplazando el scroll, ahí te vas dar cuenta del error

[kseso?]

Lo que te hace FF es lo que le pides que haga.
Mira como tienes definido (lo que tacho es lo que debes eliminar):

html, body {/*styles.css (línea 4)*/
background: url(../images/header_bg.jpg) repeat-x;
height:100%;
overflow:hidden;
width:100%;
}
#contenidoweb {/*styles.css (línea 11)*/
background-image:url(../images/header_bg.jpg);
background-repeat:repeat-x;
overflow:auto;
height:100%;
width:1001px;
margin: 0 auto;
}

Y quita del html:

<div align="center" id="contenidoweb">

Espero no me dejarme nada al copiar y pegar.
Lo que tienes hecho es fijar el body a unas medidas exactas (100% de la ventana del navegador) y anular el scroll (overflow:hidden;), con lo que el fondo siempre estará ahí viéndose (fixed), y salvabas el ver lo sobrante de la página porque el scrool se lo colocas al contendor principal (#contenidoweb).
Es la técnica para lograr el efecto "fixed" para ie6

Un saludo

P.D.: CONCLUSIÓN:

Iniciado por Zack78

Si te fijas en explore funciona perfectamente MAL.
Por favor, proba desplazando el scroll, ahí te vas dar cuenta del error

Para el futuro, es mejor explicar el "error" que jugar a las adivinanzas

[tunait]

Tema trasladado desde Web general

[Zack78]

Iniciado por kseso?

Lo que te hace FF es lo que le pides que haga.
Mira como tienes definido (lo que tacho es lo que debes eliminar):
Y quita del html:
Espero no me dejarme nada al copiar y pegar.
Lo que tienes hecho es fijar el body a unas medidas exactas (100% de la ventana del navegador) y anular el scroll (overflow:hidden;), con lo que el fondo siempre estará ahí viéndose (fixed), y salvabas el ver lo sobrante de la página porque el scrool se lo colocas al contendor principal (#contenidoweb).
Es la técnica para lograr el efecto "fixed" para ie6

Un saludo

P.D.: CONCLUSIÓN:

Para el futuro, es mejor explicar el "error" que jugar a las adivinanzas

Muchas gracias nuevamente por responder.

Te cuento que funciona perfectamente en los navegadores (Mozilla y explore 8).

Pero hay problema grande, si entras a la categoría "Autos, Motos y Otros" y luego "Autos", si te fijas los div auto ampliables, hace que aparezca los scroll un desastre total nada ver, y tampoco se desplazan hacia abaja conforme que vaya bajando los scroll, siempre se queda arriba.(ambos navegadores más que todo en explore 8)

Antes eso funciona perfectamente en ambos.

Por favor si pudieras ayudarme con eso más muchas gracias nuevamente.
http://www.elsitiodenegocios.com/

[kseso?]

Zack78, no veo que hayas hechos los cambios que te comentaba (excepción hecha de un error ya corregido del copia/pega que repetía width:width: 1001px;)
Sigues manteniendo las medidas a body y el hoverflow en el index
Ahora con algo más de tiempo he limpiado algo más el css.

Respecto a lq duda actual, en autos, no veo más scroll que el de la ventana del navegador (ff 3.0.10).
Lo que sí he visto es que las imágenes y texto que despliegan lo hacen desplazadas y con el texto cortado, pero hay ya interviene un script, y de ellos escapo por desconocimiento supino

Un saludo

[Zack78]

Iniciado por kseso?

Zack78, no veo que hayas hechos los cambios que te comentaba (excepción hecha de un error ya corregido del copia/pega que repetía width:width: 1001px;)
Sigues manteniendo las medidas a body y el hoverflow en el index
Ahora con algo más de tiempo he limpiado algo más el css.

Respecto a lq duda actual, en autos, no veo más scroll que el de la ventana del navegador (ff 3.0.10).
Lo que sí he visto es que las imágenes y texto que despliegan lo hacen desplazadas y con el texto cortado, pero hay ya interviene un script, y de ellos escapo por desconocimiento supino

Un saludo

Gracias nuevamente por responder,

Qué raro hice los cambios que me dijiste.


aquí esta

body
{
width:100%;
height:100%;
background: url(../images/header_bg.jpg) repeat-x;
}
#contenidoweb
{
width:1001px;
height:100%;
overflow:auto;
margin: 0 auto;

}

Ahora que solución podría haber para las ventas de los navegadores en los scroll en las categoría de autos y su contenido

Muchas gracias.

[kseso?]

yo no veo scroll en los .ampliar:hover span
Lo que sí, que están descentrados.
A .ampliar dale "position:relative;"
Tienes dos definiciones en el css para ellos, elimina ésto:

.ampliar:hover span {
margin-left:5.5em;
margin-top:auto;
}

Y déjalo así:

Código css:

.ampliar:hover span {
background-color:#FFFFFF;
border:1px solid #D7BA7F;
color:#333333;
cursor:text;
display:block;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:1.1em;
font-weight:normal;
letter-spacing:0;
line-height:190%;
margin:0;
padding:15px;
position:absolute;
text-align:justify;
top:0;
visibility:visible;
width:30em;
z-index:100;
float:left;
}
 

Ajusta el margen como quieras y suprime los saltos de línea que tienes en él (<br />)

Con lo anterior, aparece ese div encima de su contenedor y no tan separado de él. A las otras imágenes o le das las misma clase o cambias ".ampliar2".

Un saludo

P.D.: ie6 SÓLO reconoce los :hover sobre los enlaces.