Bonjour,
J'ai un petit problème pour limiter la taille d'une div qui contient un menu ASP.Net
En gros, j'ai :
Et dans ma css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 le code
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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; }
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.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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); }
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.
Partager