Foros del Web » Creando para Internet » CSS »

ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran una a una

Estas en el tema de ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran una a una en el foro de CSS en Foros del Web. Hola a todos, Tengo un problema con un Div en IE(como siempre). El div tiene 3 imágenes que hacen efecto de aparición una a una ...
  #1 (permalink)  
Antiguo 18/09/2008, 17:14
 
Fecha de Ingreso: septiembre-2008
Mensajes: 8
Antigüedad: 9 años, 2 meses
Puntos: 0
ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran una a una

Hola a todos,

Tengo un problema con un Div en IE(como siempre).

El div tiene 3 imágenes que hacen efecto de aparición una a una a travez de mootools; El caso es que todo funciona bien en Firefox y Chrome al igual que en IE en un principio, pero cuando se re dimensiona la pagina este se mueve verticalmente saliendose de su posición.

El codigo css es este:

#caja
{
position: absolute;
}
#caja span img
{
display: block;
float: left;
}
.mascara
{
position: relative;
width: 710px;
height: 220px;
overflow: hidden;
}

<div class="mascara">
<div id="caja">
<span><img src="#" alt="Expe" /></span>
<span><img src="#" alt="capa" /></span>
<span><img src="#" alt="ferro" /></span>
</div>
</div>

Espero me puedan ayudar

Perdon Añado el html.

Saludos.

Última edición por Exonico; 18/09/2008 a las 17:52 Razón: Falto Codigo Html
  #2 (permalink)  
Antiguo 18/09/2008, 17:39
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

Perdona pero así no podemos saber cómo estás usando esos selectores, por lo que al menos haría falta ver el html para ver cómo los aplicas.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 18/09/2008, 17:54
 
Fecha de Ingreso: septiembre-2008
Mensajes: 8
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

Ya añadí el html que faltaba...
  #4 (permalink)  
Antiguo 18/09/2008, 18:03
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

Supongo que te refieres a que al reducir la ventana una de las imágenes salta hacia abajo.

No es fácil saber, pero yo diría que se debe a que el contenedor de las imágenes (#caja) no tiene tamaño definido. Quizá si le das a esta caja el mismo tamaño que a su caja "padre" (710px), las cajas no salten, pero bueno, es un poco jugar a adivino, porque sin saber el tamaño de tus imágenes, qué hace el script, etc., es un poco difícil imaginar.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 18/09/2008, 18:52
 
Fecha de Ingreso: septiembre-2008
Ubicación: Puerto Escondido Oaxaca
Mensajes: 12
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

Mira yo uso este script. Generalmente lo que hace es poner todos tus objetos de lapagina en la posición que tu le indiques, y lo hace relativo para diferentes resoluciones que considero que sería lo mismo como si cambias de tamaño tu pagina (maximizar o restarurar)

Dentro de esta <div> estan todos los elementos de tu pagina
<div id="xr" style="width: 765px; height: 890px; position:absolute; top:0px; left:50%; margin-left: -383px; clip: rect(0px 765px 890px 0px); visibility: visible;">

y con esta linea lo llamas para que aplique los cambios
<script type="text/javascript">var xr=document.getElementById("xr")</script>



Prueba y luego me comentas que pasó.
  #6 (permalink)  
Antiguo 18/09/2008, 19:25
 
Fecha de Ingreso: septiembre-2008
Mensajes: 8
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

Las 3 imagenes tienen la misma resolución 710 x 220, las imagenes no saltan se mantienen ocultas donde deben ir.

El problema es que cuando se redimenciona el navegador gradualmente deja su posicion(el div completo) y se encima en los demás divs. El problema ocurre unicamente cuando se redimenciona el IE pero si actualizas la pagina de nuevo el div se vuelve a poner en su lugar, sea cual sea el tamaño de la ventana del navegador.

Espero haberme explicado un poco mejor.

Veo que no es un problema muy comun, agradezco mas su ayuda!!
  #7 (permalink)  
Antiguo 19/09/2008, 01:26
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

Por el código que muestras no le veo ninguna expliación a eso que comentas. Pero si cada imagen ocupa todo el contenedor cuando se hace visible, ¿exactamente para qué usas el float left?

#caja span img
{
display: block;
float: left;
}
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 22/09/2008, 11:43
 
Fecha de Ingreso: septiembre-2008
Mensajes: 8
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

Esto es para que acomode las imágenes dentro del contenedor y que cuando vaya a hacer el efecto javascript de aparición las muestre correctamente y en el orden.

Seguiré buscando la solución, en cuanto la haye la posteare.

Muchas gracias y saludos
  #9 (permalink)  
Antiguo 22/09/2008, 11:57
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

El problema tiene que estar o bien en las propiedades que le añadas mediante mootools (bordes, display, etc.), o en el resto del código que no vemos, porque el código que meustras no tiene problema.

En todo caso, recuerda que cuando a una caja le pones posición absoluta deberás al menos indicarle dos coordenadas (left y top, por ejemplo), aunque sean a cero, porque si no IE6 les asigna valores a esas coordenadas que no son cero, y esto suele causar muchos problemas y quebraderos de cabeza.
__________________
Visita mi nueva web idplus.org
  #10 (permalink)  
Antiguo 22/09/2008, 12:21
 
Fecha de Ingreso: septiembre-2008
Mensajes: 8
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

Solucionado.

Mikel tenias razon para evitar que el div se saliera horizontalmente del otro div solo le aplique lo que me comentaste, en este caso left y right igualados a 0.
los cambios quedaron de esta forma en .mascara:

.mascara
{
position: relative;
width: 710px;
height: 220px;
overflow: hidden;
left: 0px;
right: 0px;
}
  #11 (permalink)  
Antiguo 22/09/2008, 12:24
 
Fecha de Ingreso: septiembre-2008
Mensajes: 8
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

Te debo una maestro, Muchisimas gracias.

Ahora como le hago para notificar que el problema ya esta solucionado, o eso lo hacen únicamente los moderadores???
  #12 (permalink)  
Antiguo 22/09/2008, 12:36
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

De nada, es un placer.

Nada, dejas el hilo tal cual y queda solucionado. Así si alguien entra a leerlo puede ver la solución y que está resuelto.

Saludos.
__________________
Visita mi nueva web idplus.org
  #13 (permalink)  
Antiguo 22/09/2008, 12:42
 
Fecha de Ingreso: septiembre-2008
Mensajes: 8
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: ie6 + Css - Problema en div que contiene 3 imagenes ocultas k se muestran

Perfecto,

Tons así keda.

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 11:24.