css - DotNetNuke solpartmenu 子菜单对齐

Question

我创建了一个使用 solpartmenu 的皮肤。在使用子菜单的门户上，我在不同的浏览器中得到不同的行为:在 IE 和 Firefox 上，子菜单下拉到父项的正下方，正如我所期望的那样。但是在 Safari 和 Chrome 上，出现在页面的最左侧。我不认为我对我的 CSS 做了什么太奇怪的事情，但我似乎错过了什么。示例如下:http://www.codeswell.com/tpabuilders .我在下面添加了我的 solpartmenu 样式。如果需要，我可以添加完整的皮肤代码/CSS。

任何人都可以阐明这一点吗？

/* SolPartMenu styles */

.MainMenu_MenuItem 
{
    cursor: pointer;
    background-color: White;
    color: #006309;
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
}

.MainMenu_RootMenuItemActive
{
    text-decoration: underline;
}

.MainMenu_RootMenuArrow 
{
    display: none; 
}

.MainMenu_MenuIcon
{
    width: 0px; 
    height: 0px;
}

.MainMenu_MenuArrow 
{
    display: none; 
}

.MainMenu_MenuItemSel
{
    cursor: pointer;
    background: White;
    color: Maroon;
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: bold;
}

Answer 1

我建议尝试在菜单项上设置明确的宽度。我在 Chrome 中注意到它说子菜单项的宽度约为 1600 像素 - 这就是它被推得这么远的原因。

此外，我觉得我必须要说的是，我不建议您将 SolPartMenu 用于 DotNetNuke 导航。那里有更好的选择。 SolPartMenu 会让您一直头疼，根据我的经验，这不值得。

• DNN 菜单(现在是核心菜单)(一些 documentation )
• House Menu (免费)
• Telerik RadMenu (商业)