Petit probleme menu et CSS
Bonjour,
J'ai un petit problème pour limiter la taille d'une div qui contient un menu ASP.Net
En gros, j'ai :
Code:
1
2
3
4
5
6
7
8
9
10
11
|
<div id="border">
<asp:Menu ID="Menu_accueil" runat="server" Orientation="Horizontal"
onmenuitemclick="Menu_accueil_MenuItemClick" CssClass="ongletmenu">
<StaticMenuStyle CssClass="ongletmenu" />
<StaticSelectedStyle CssClass="ongletmenuSelected" />
<StaticHoverStyle CssClass="ongletmenuHover" />
</asp:Menu>
</div> |
Et dans ma css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
#border
{
width:795px;
border:solid 2px #c2dcff;
}
/*Menu*/
.ongletmenu{
background-image:url("../images/menu/menuUnselected.gif");
background-repeat:repeat-x;
font-family:Arial;
font-size:9pt;
font-weight:bold;
background-color:#e2efff;
color:#003399;
} |
Et le code
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
//On efface l'ancienne liste d'onglets
Menu_accueil.Items.Clear();
List<Onglet> lstOnglets = AccesOnglets.getLstOnglets();
foreach (Onglet onglet in lstOnglets)
{
MenuItem menuItem = new MenuItem();
menuItem.Text = onglet.Libelle;
menuItem.Value = onglet.IdOnglet.ToString();
Menu_accueil.Items.Add(menuItem);
} |
Ce que j'aimerai, c'est que mon menu fasse un retour chariot lorsque sa taille dépasse 795px. Or là, il dépasse les 800px sans rien pour l'arrêter.
J'ai essayé avec overflow, max-width, ... et un tas d'autres attributs mais rien ne semble pouvoir le forcer à faire ce retour chariot.
Le menu devient vite énorme et dépasse la largeur de ma page.
Si quelqu'un avait une idée, je lui en serais grandement reconnaissant. :)
Je vous remercie d'avance.
