Problème d'élargissement du menu

[merlubreizh]

Bonjour

Je rencontre actuellement un problème avec un menu déroulant situé à gauche de mon contenu. Quand je clique sur un menu, celui-ci se déroule donc vers le bas, faisant apparaître mes sous-menus. Or, quand je n'ai pas de scrollbar sur la droite de mon écran, il est redimensionné. Par contre, quand j'en ai un, un clic sur le menu n'entraîne aucun redimensionnement de celui-ci. J'ai essayé de jouer avec position:absolute dans le css de mon menu, mais cela désorganise totalement ma page web. Dans l'idéal, quand je clique sur le menu, celui-ci doit rester tout le temps fixe en haut et à droite, se dérouler uniquement vers le bas , donc sans aucun redimensionnement.

Je vous montre le code css de mon menu

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
.menu_gauche
{
    background: -webkit-gradient(radial,center center,10,center center,480,from(#ffffff),to(#000000)); 
	font-family:"Calibri";
	font-size:17px;
	color:#ff4500;
	border-radius:0 10px 10px 0;
	padding:20px;
	box-shadow : 0 0 15px #333;
	/*position:absolute;*/
	top:300px;
 
}

et le code html

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<div id="menugauche">
							<ul id="menu_gauche" class="menu_gauche">
								<li class="sub_level" id="Menu1" onclick="afficheMenu(this)">
									<a href="#">Nos solutions sectorielles</a>
									<ul id="sousMenu1" class="sousMenu1" style="display:none">
										<li><span class="ss_menu_gauche"><a href="industrie.php">Industrie</a></span></li>
										<li><span class="ss_menu_gauche"><a href="agroalimentaire.php">Agroalimentaire</a></span></li>
										<li><span class="ss_menu_gauche"><a href="batiment.php">B&acirc;timent</a></span></li>
										<li><span class="ss_menu_gauche"><a href="negoce.php">N&eacute;goce</a></span></li>
										<li><span class="ss_menu_gauche"><a href="societes_services.php">Soci&eacute;t&eacute;s de services</a></span></li>
										<li><span class="ss_menu_gauche"><a href="negoce.php">M&eacute;dical / Sant&eacute;</a></span></li>
									</ul>
								</li>
								<li class="sub_level" id="Menu2" onclick="afficheMenu(this)">
									<a href="#">Nos produits</a>
									<ul id="sousMenu2" class="sousMenu2" style="display:none">
										<li><span class="ss_menu_gauche"><a href="divalto.php">Divalto</a></span></li>
										<li><span class="ss_menu_gauche"><a href="divacom.php">Divacom</a></span></li>
										<li><span class="ss_menu_gauche"><a href="progib.php">Progib</a></span></li>
										<li><span class="ss_menu_gauche"><a href="suivi.php">Suivi d'affaires pour TPE</a></span></li>
									</ul>
								</li>
								<li class="sub_level" id="Menu3" onclick="afficheMenu(this)">
									<a href="#">Nos services</a>
									<ul id="sousMenu3" class="sousMenu3" style="display:none">
										<li><span class="ss_menu_gauche"><a href="etude_detaillee.php">Etudes - Audit</a></span></li>
										<li><span class="ss_menu_gauche"><a href="conseils.php">Conseils</a></span></li>
										<li><span class="ss_menu_gauche"><a href="formation.php">Formation</a></span></li>
										<li><span class="ss_menu_gauche"><a href="developpement.php">D&eacute;veloppement</a></span></li>
										<li><span class="ss_menu_gauche"><a href="decisionnel.php">D&eacute;cisionnel</a></span></li>
										<li><span class="ss_menu_gauche"><a href="assistance_tel.php">Assistance t&eacute;l&eacute;phonique</a></span></li>
									</ul>
								</li>
								<li class="sub_level" id="Menu4" onclick="afficheMenu(this)">
									<a href="#">Nos outils</a>
									<ul id="sousMenu4" class="sousMenu4" style="display:none">
										<li><span class="ss_menu_gauche"><a href="crystal_report.php">Crystal Report</a></span></li>
										<li><span class="ss_menu_gauche"><a href="hyperion.php">Hyperion</a></span></li>
										<li><span class="ss_menu_gauche"><a href="bdd.php">Bases de donn&eacute;es</a></span></li>
									</ul>
								</li>
								<li class="sub_level" id="Menu5">
									<a href="#">FAQ (Foire aux Questions)</a>
								</li>
							</ul>
						</div>

[NoSmoking]

Bonjour,

Or, quand je n'ai pas de scrollbar sur la droite de mon écran, il est redimensionné.

j'ai du mal a saisir le rendu.

Dans l'idéal, quand je clique sur le menu, celui-ci doit rester tout le temps fixe en haut et à droite

à gauche je présume !

Peux tu préciser, ou mettre en ligne un exemple de chaque, il n'y a pas assez d'info pour appréhender le soucis attendu que l'on n'a pas ce qui va autour.

Il te faut peut être fixer une width à ta DIV menugauche.

Pas sûr que cela soit une bonne idée que d'avoir une même référence pour une ID et pour une class quand on en fait référence en CSS

Code :

<ul id="menu_gauche" class="menu_gauche">