Ayuda con SpryMenuBar y IE8

[jobasabe]

Hola,

tengo un problema con SpryMenuBar y espero que alguin me pueda ayudar, el problemas es el siguiente:

Los submenus de mi pagina web se muestran de manera horizontal, cuando se deberian desplegar de manera vertical, esto ocurre con internet explorer 8, probe con firefox y el menu y los submenus se muestran correctamente. tanto en internet explorer como en firefox los links funcionan bien el problema esta con el despliegue de los submenus.

por favor ayudenme.

[maycolalvarez]

si son los menús de dreamweaver (creo), ellos no están preparados para IE8, además de fallar con IE7, te recomiendo que busques una alternativa, como plugins de menús en frameworks como jQuery

[jobasabe]

hola maycolalvarez,

Gracias por responder tan rapido. Si, son los menu de dreamweaver y tienes razon con lo de las versiones de internet explorer, ayer, despues que me respondiste estuve probando con IE6 y me funciono perfectamente hoy probe con IE7 e IE8 y no funciono.

¿sabras donde puedo conseguir información que respalde esta situación?

[jobasabe]

RESOLVI EL PROBLEMA!!

En otro foro alguien tenia un problema similar y lo resolvieron agregando las siguientes reglas al final del archivo SpryMenuBarHorizontal.css:

Código CSS:

ul.MenuBarHorizontal {
  font-size: 92.5%;
    font-family: Arial, Helvetica, sans-serif;
}
ul.MenuBarHorizontal li {
    width: 8.6em;
}
ul.MenuBarHorizontal ul {
    width: 8.8em;
}
ul.MenuBarHorizontal ul li {
    width: 8.8em;
}
ul.MenuBarHorizontal ul {
    border: 1px solid #7A0026;
}
ul.MenuBarHorizontal a {
    background-color: #7A0026;
    padding: 0.2em 0.4em;
    color: #FFC;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
    background-color: #FFC;
    color: #000;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
    background-color: #ffc;
    color: #000;
    font-weight: normal;
    width: auto;
}
 

aqui les pongo el link del foro:

http://forums.adobe.com/message/2664691#2664691

gracias por la ayuda maycolalvarez

[maycolalvarez]

me agrada que lo hayas resuelto, pero aún así tendrías que probarlo en FF, Chrome, Safari, Opera, en esto los menús de algunos plugins de jQuery tienen ventaja