Discussion :

[Cube55]

salut
voila j'ai un probleme de positionement d'un menu
en fait sous ie tous marche bien mais sous firefox quand je décale le menu a droite (il est en position absolute) une sorte de "calque" invisible reste a la position initiale dans le container (c'est à dire en haut a gauche) meme si la forme du menu visible est a droite
Le probleme c'est que ce "calque" de la taille du background du menu rend impossble à cliqué les liens et imossible a surligné les textes (c'est comme si le background du menu n'avait pas bouger)
si quelqu'un peu m'aidez...

[Kerod]

Mettre le code sera plus parlant

[Cube55]

alors pour le menu en css j'assemble 3 partie (l'entete, le milieu qui s'étire en fonction du texte et le footer)

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
#linkList {
	position: absolute;
	/*top: 30px;/*ff330*/
	z-index: 3;
	}
 
#menu0 {
	background: url(img/menu0030.gif) no-repeat; 
 
	width: 215px;
	height: 175px;
	position: relative;
	left: 450px;/*ff-570*/
	padding-left: 45px;
	z-index: 3;
	}
#menu1 {
	background: url(img/menu0020.gif) repeat-y; 
	width: 215px;
	height: auto;
	display: block;
	position: relative;
	left: 450px;/*ff-570*/
	padding-left: 45px;
	z-index: 3;
	}
#menu2 {
	background: url(img/menu0010.gif) no-repeat; 
	width: 215px;
	height: 46px;
	position: relative;
	left: 450px;/*ff-570*/
	padding-left: 45px;
	z-index: 3;
	}
 
	/*************conteneur************/
#container { 
	width: auto;
	height: auto;
	position:relative;
	left:50%;
	width:750px;
	top:0px;
	margin:0 0 0 -375px;
	z-index: 0;
	}
 
#supportText {
	background: url(img/draft3-modif.gif) repeat-y; 
	display: block;
	position: relative;
	padding-top: 0px;
	left: 66px;/*ff-39*/
	margin-top: 0px;/*-17*/
	width: 550px;
	padding-left: 70px;
	z-index: 2;
	}

et sur la page je met le menu

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
 
<div id="container">
<div id="supportText">
 
<div id="linkList">
<div id="menu2">
	</div>
		<div id="menu1">
 
                 /***contenu du menu****/
          </div>
<div id="menu0">
</div>
</div>
/**contenu du texte dans ma page***/
</div>

en fait je peut pas mettre l'ensemble du menu en posistion relative (l'intérieur du menu est en position relative) car il va fair une saut de page dans le texte qui est à coté de lui (texte de la page)

[Cube55]

bon finalement sur ie ca me le fait aussi :s
en utilisant l'outils d'aide de devellopemen de firefox j'ai surligner les partie en absolute et ca me donne ca


La partie en absolute (le grand cadre rouge) est au dessus des lien donc les lien qui sont dans le cadre rouge ne peuvent pas etres cliqué
Est t'il possible de réduite la partie en absolute juste pour le contour du menu?