display:(none|block) compatible con IE8

kubuntu · #1 (**permalink**) 05/08/2009, 18:13

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,

DragonX · #2 (**permalink**) 05/08/2009, 18:17

probá con

Código css:

Ver original{
visibility:hidden;
}
{
visibility:visible;
}

kubuntu · #3 (**permalink**) 05/08/2009, 18:25

lo he probado y sigue igual.

gracias,

deirdre · #4 (**permalink**) 05/08/2009, 18:34

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

kubuntu · #5 (**permalink**) 05/08/2009, 19:02

solucionado, parece que entra en conflicto on otras clases.

Gracias.