Petit probleme menu et CSS

**MrSlave** · 03/05/2011, 18h01

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 :

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 dans ma css :

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;
}

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

**jbrasselet** · 04/05/2011, 08h15

C'est pas parce que sur un de tes items tu aurais un mot trop long ?
Tu pourrais nous mettre une copie d'écran car j'ai du mal à saisir ton problème exact

**MrSlave** · 04/05/2011, 09h06

Merci de ta réponse jbrasselet.

Comme tu peux le voir sur l'image, j'ai 10 onglets (le ? est également un onglet). La div "border" correspond au cadre bleu autour du menu.
Ce que j'aimerai, c'est qu'à droite, au lieu de dépasser le bloc, ça fasse un retour chariot.

Ps : désolé pour la taille de l'image.
Au pire voilà un autre lien :
http://hpics.li/a5d16c6