Foros del Web » Creando para Internet » CSS »

display:(none|block) compatible con IE8

Estas en el tema de display:(none|block) compatible con IE8 en el foro de CSS en Foros del Web. hola a todos, tengo una pagina con tres div , y utilizo para ocultar o mostrar display:none|block, pero el IE 8 no "reconoce" o procesa, ...
  #1 (permalink)  
Antiguo 05/08/2009, 19:13
 
Fecha de Ingreso: septiembre-2008
Mensajes: 60
Antigüedad: 9 años, 2 meses
Puntos: 1
Busqueda display:(none|block) compatible con IE8

hola a todos,
tengo una pagina con tres div , y utilizo para ocultar o mostrar display:none|block, pero el IE 8 no "reconoce" o procesa, y entonces muestra las tres DIV.

#D1{
display:block;
}
#D2{
display:none;
}
#D3{
display:none;
}

Gracias,
  #2 (permalink)  
Antiguo 05/08/2009, 19:17
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: display:(none|block) compatible con IE8

probá con

Código css:
Ver original
  1. {
  2. visibility:hidden;
  3. }
  4. {
  5. visibility:visible;
  6. }

  #3 (permalink)  
Antiguo 05/08/2009, 19:25
 
Fecha de Ingreso: septiembre-2008
Mensajes: 60
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: display:(none|block) compatible con IE8

lo he probado y sigue igual.

gracias,
  #4 (permalink)  
Antiguo 05/08/2009, 19:34
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: display:(none|block) compatible con IE8

Hola kubuntu

Algo raro estás haciendo o algo contradictorio tiene tu código porque esto (partiendo de tu esquema) funciona perfectamente en iexplorer 8:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kubuntu</title>
<style type="text/css">
#D1{
	display: block;
	border: 1px solid #484848;
}
#D2{
	display: none;
	border: 1px solid #484848;
}
#D3{
	display: none;
	border: 1px solid #484848;
}
</style>
</head>

<body>
<div id="D1">Esta es la caja 1 y se muestra en pantalla</div>

<div id="D2">Esta es la caja 2 y queda oculta (no se dibuja)</div>

<div id="D3">Esta es la caja 3 y queda oculta (no se dibuja)</div>

</body>

</html> 
Bye
  #5 (permalink)  
Antiguo 05/08/2009, 20:02
 
Fecha de Ingreso: septiembre-2008
Mensajes: 60
Antigüedad: 9 años, 2 meses
Puntos: 1
Busqueda Respuesta: display:(none|block) compatible con IE8

solucionado, parece que entra en conflicto on otras clases.


Gracias.
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:56.