Discussion :

[Jean-Phi43]

Salut à tous,

Je suis en train de développer un site internet pour un traiteur à domicile (en utilisant principalement Jquery).
Je rencontre un problème qui m'embête depuis 2 ou 3 jours, ma div de la barre contact en haut à droit passe derrière la div des pages de menus.

Comment je pourrai la faire revenir au premier plan?

http://gastronomiedomicile.c4.fr/

CSS pour la barre contact

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
61
/* BARRE CONTACT */
 
		    #box {
            	margin: 0px auto;
            	width:960px;
            	background-color:#ffffff;
            	text-align:left;
                position: relative;
            }
            #contactFormContainer {
            	position:absolute;
            	left:58%;
            	float:right;
            }
            #contactForm {
            	height:370px;
            	width:351px;
            	background-image:url(../images/bkg.jpg);
            	display:none;
				text-align: left;
            }
            #contactForm fieldset {
            	padding:30px;
            	border:none;
            }      
            #contactForm label {
            	display:block;
            	color:#ffc400;
            }      
            #contactForm input[type=text] {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            	height:24px;
            }  
            #contactForm textarea {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            }  
            #contactForm input[type=submit] {
            	background-color:#4d3a24;
            	border:solid 1px #23150c;
            	color:#fecd28;
            	padding:5px;
            }                
            #contactLink {
            	height:40px;
            	width:351px;
            	background-image:url(../images/slidein_button.png);
            	display:block;
            	cursor:pointer;
            }
            #messageSent {
            	color:#ff9933;
            	display:none;
            }
 
	/* END BARRE BON CONTACT */

CSS de la div pour la page Menu

Code :

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

1
2
3
4
5
6
7
8
9
10
11
/* style page menu */
#portfolio{position:relative;width:100%;height:1200px;margin:0;padding:0;overflow:hidden;}
#portfolio dd{position:absolute;left:21%;top:-1135px;width:75%;height:1100px;margin:0;background:#666600;padding:15px 15px 15px 15px;}
#portfolio dd p{font:11px Geneva, Arial, Helvetica, sans-serif;}
#portfolio dd img{display:block;margin:0 auto;border:3px solid #999999}
 
#portfolio .dt{width:20%;height:65px;background:#808040;font:11px Geneva, Arial, Helvetica, sans-serif;padding:5px;margin:0;}
#portfolio .dt img{border:2px solid #fff;height:55px;width:55px;float:left;margin-right:5px;}
#portfolio .dt.left{position:absolute;left:0px;}
 
/*end style page menu*/

Merci.

[Bisûnûrs]

Marche pas vraiment ton lien ...

[Jean-Phi43]

Et avec cette adresse : Gastronomie.olympe-network.com ?

[Bisûnûrs]

Oui, et l'autre aussi refonctionne. Je ne vois aucun problème, donc il serait bien que tu précises sur quel navigateur tu constates ce comportement.

[Jean-Phi43]

Sur Chrome v2, Firefox 3.5, et IE 7.

Pour rappel mon problème est que la page Contact passe derrière ma div "utilisant javascript" pour présenter les menus et les cartes.

[Bisûnûrs]

Eh bien personnellement je ne constate pas de problème, que ce soit sur Chrome 2, Firefox 3.5, IE 7 et 8. Le formulaire de contact passe bien devant tous les autres éléments.