Discussion :

[Ravaka]

Bonjour,

Des copains utilisant adblock m'ont dit que sur les pages n'ayant pas beaucoup de contenu, le menu de gauche chevauchait le pied de page et continuait à descendre (Exemple nécessitant adblock : Livres sur le Japon). Pourtant, le problème n'apparaît pas quand le menu de droite est le plus grand (exemple : Mangas d'occasion) ou quand il y a beaucoup de contenu (J'appelle contenu ce qui se trouve entre les 2 menus, exemple : Mangarake).

Petit dessin:
M| C |M
E| o |E
N| n |N
U| t |U
- | e |-
G| n |D
- | u |-
______
PIED

Ces 3 divisions se trouvent dans le même conteneur. Dans le code html j'ai décrit le menu de gauche (float left), puis le menu de droite (float right), ensuite le contenu et enfin le pied de page (clear both).

J'ai lu quelque part que clear était relatif à l'élément d'avant, ce qui m'étonne un peu car l'élément d'avant est le contenu, ce qui voudrait dire que quand le menu de droite est le plus long, il devrait aussi trouer le plancher alors que ce n'est pas le cas...

Pouvez-vous m'aider à corriger le problème avec le menu s'il vous plaît

[badr]

j'avais le meme probleme est un ami m'a aide et voici sa reponse sur ma question:

[QUOTE=sidahmed;2467294]Bonsoir,

ajoute à ton pied de page (fichier CSS) la propriété suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

clear: left;

Si ton menu est à gauche, sinon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

clear: right;

Si tu as deux menus, à gauche et à droite:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

clear: both;

pour toi tu vas prendre la derniere suggestion et la mettre dans ton pied de page css

si ca marche pas essai de poster ton code CSS.

bonne chance

[Ravaka]

Merci pour la suggestion, mais le problème est plus fourbe, en fait le problème vient du menu, j'ai essayé sans la partie CSS du menu et le problème a disparu :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
/**** Menu ****/
ul#menu_deroulant_vertical {
	display: block;
	font-size: 11px;
   font-weight: bold;
	list-style-type: none;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	height: 600px;
}
 
ul#menu_deroulant_vertical a {
	text-decoration: none;
	color: #000000;
	display: block;
}
 
ul#menu_deroulant_vertical li{
	position: relative;
	padding: 2px 0 2px 0;
	margin-bottom: 10px;
	background-color: #C0C6DA;
	border: 1px solid #939BB2;
}
 
ul#menu_deroulant_vertical li ul {
	padding: 0;
	margin: 0;
}
 
ul#menu_deroulant_vertical li ul li{
	border: 0;
	margin: 0;
	padding: 2px 3px 2px 3px;
}
 
ul#menu_deroulant_vertical li ul li:hover {
	background-color: #939BB2;
}

Il suffisait d'enlever le height de ul#menu_deroulant_vertical Erreur bête.