[CSS] probleme de positionnement

Version imprimable

26/03/2006, 15h51
Cube55

[CSS] probleme de positionnement

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...
26/03/2006, 16h03
Kerod

Mettre le code sera plus parlant

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:

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:

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)

27/03/2006, 00h39
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
http://cubeleboss.free.fr/bordel/untitled.JPG

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?