Tengo un menu que cuando clicas en servicios se abre una lista de nuevos botones (apartados) . La cosa es que en safari, mozilla etc se ve bien, pero
esplorer da problemas. tengo el menu ala izquierda y luego ala derecha el contenido. Pues en explorer se me mueve el contenio para abajo...
Código:
<div id="menu">
<div id="menu1">
<img src="img/menubar.jpg" alt="menubar" /><br />
<a href="index.html">PRESENTACIÓN</a><br />
<a href="news_c.php">NOTICIAS</a><br />
<a href="javascript:desplegar('servicios');">SERVICIOS</a>
</div>
<div id="menu2">
<dl class="ocultar_menu" id="servicios">
<dd><a href="activ_c.php">ACTIVIDADES</a></dd>
<dd><a href="plangestion_c.php">PLAN DE GESTION ANUAL</a></dd>
<dd><a href="proyect_c.php">PROYECTOS IMPULSADOS</a></dd>
<dd><a href="asesoramiento_c.php">ASESORAMIENTO</a></dd>
<dd><a href="ayuda_c.php">GESTION DE AYUDAS</a></dd>
</dl>
</div>
<div id="menu1">
<img src="img/menubar.jpg" alt="menubar" /><br />
<a href="bienvenido_c.php">ZONA PRIVADA</a>
</div>
<div id="menu1">
<img src="img/menubar.jpg" alt="menubar" /><br />
INTEGRANTES<br />
LINKS<br />
CONTACTO<br />
<img src="img/menubar.jpg" alt="menubar" />
</div>
</div>
En css tengo esto para colocar... que puedo hacer para el explorer?
Código:
.ver_menu {
margin-top: 2px;
margin-left: -30px;
display:block;
}
.ocultar_menu {
display:none;
}
esto tiene un script java para que funcione.
Código:
function desplegar(categoria){
var menu = document.getElementById(categoria);
if(menu.className == "ver_menu"){
menu.className = "ocultar_menu";
}
else{
menu.className = "ver_menu";
}
}
graciass