DreamWeaverで生成されたポップアップメニューJavaScript
DreamWeaver MXにて生成されたポップアップメニューがIE7では横に表示させたいメニューが縦に表示されてしまう(IE6、Firefoxでは問題なし)。
IEの場合には、
<div id="menuItemN"> <div id="menuItemTextN"> (同様にid="menuItemHiliteN"もある) <div id="menuItemShimN"> <div align="left">文字列</div>
という要素でメニューを構成している。
このmenuItemTextN, menuItemHiliteN, menuItemShimN に widthのスタイルがないと縦になってしまうようで、これらにwidth: 100%;を追加するようにJavascriptを変更することで回避。
.... if(document.all && !window.mmIsOpera) item = '<div id="menuItemShim' + countItems + '" style="position:absolute;left:0px;top:0px;width:100%;">' + item + '</div>'; var dText = '<div id="menuItemText'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColor +';width:100%;">'+ item +' </div>\n' + '<div id="menuItemHilite'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColorHilite +';visibility:hidden;width:100%;">' + (hitem||item) +' </div>'; ....