DotNetNuke solpartmenu sous-menu alignement

Question

J'ai créé un habillage qui utilise solpartmenu. Sur un portail qui utilise des sous-menus, j'obtiens un comportement différent dans différents navigateurs: Sur IE et Firefox, les sous-menus déroulent juste en dessous des éléments parents, comme je m'y attendais. Cependant sur Safari et Chrome, les apparaissent à l'extrême gauche de la page. Je ne pensais pas que je faisais quelque chose de trop bizarre avec mon CSS, mais il semble que j'ai raté quelque chose. Un exemple est ici: http://www.codeswell.com/tpabuilders. J'ai ajouté mes styles de solpartmenu ci-dessous. Je peux ajouter le code de peau complet/CSS, si besoin est.

Quelqu'un peut-il nous éclairer à ce sujet?

/* 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

Je vous recommande d'essayer de définir une largeur explicite sur les éléments de menu. J'ai remarqué dans Chrome que la largeur des éléments du sous-menu est d'environ 1600px - ce qui expliquerait pourquoi il est poussé si loin.

En outre, je pense que je dois dire cela, je ne recommanderais pas d'utiliser le SolPartMenu pour votre navigation DotNetNuke. Il existe de bien meilleures alternatives. Vous allez continuer à avoir des maux de tête avec le SolPartMenu et de mon expérience, ça ne vaut tout simplement pas la peine.

• DNN Menu (maintenant le menu principal) (certains documentation)
• House Menu (gratuit)
• Telerik RadMenu (commercial)