Pas d'ascenseur sur mon site

**xboulney** · 17/12/2011, 13h09

Bonjour à tous.

Est ce que l'un de vous pourrait jeter un oeil sur ce code et me dire la raison pour laquelle je n'ai pas d'ascenseurs verticaux sur l'ensemble de mon site.
Cela fonctionne bien sous IE9 mais pas sous firefox et chrome.

Je vous met le css. Merci.

Eventuellement si vous voyez de grossieres erreurs n'hesitez pas...Je debute... Je suis là pour apprendre...

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
/* Page */ 
html {font-size: 100%; /* Évite un bug d'IE 6-7. (1) */  } 
body {height:100%; width:950px; margin:0 auto;/* Pour centrer notre page */ font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;}  
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
	{ margin: 0pt; padding: 0pt; }
ol, ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
 
	/* Liens */ 
a {text-decoration: none;}
a:active, a:focus { outline: none; } /* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a img { border: none; } /* Pas de bordure autour des images dans les liens */ 
em {font-size:11px;}
 
.btn {border-radius: 4px; background:#a4d2e5; padding: 0px 65px 0px 10px; border-color: #2e7fa0;	height:31px; display:inline-block; position:relative; float:left; margin:0 5px;}
.btn[type=submit] {border:none; font-size:17px; color:#fff;} 	
.btn:hover {box-shadow: 0px 1px 1px #e6f3f8 inset,
						1px 1px 1px #e6f3f8,
						0px 0px 0px 1px #e6f3f8; }	
.btn:hover[type=submit] {text-shadow: 1px 1px 1px #01364f; background:#a4d2e5; color: #fff; background: url('png/arrow_right.png') no-repeat 90% 55%;} 
 
.btn-text {padding-top:4px; display:block; font-size:17px; color:#fff;}
.btn-icon-right {position:absolute;	right:0px; top:0px;	height:100%; width:38px; border-left:1px solid #fff;}
.btn-icon-right span {width:38px; height:38px; opacity: 0.7; position:absolute; left:50%; top:50%; margin:-20px 0px 0px -20px;
				background: transparent url('png/arrow_right.png') no-repeat 50% 55%;}
.btn:hover .btn-text {text-shadow: 1px 1px 1px #01364f; color: #fff; } .btn:hover .btn-icon-right span {opacity: 1;}		
.btn:active { position:relative; top:1px; background:#a4d2e5; box-shadow: 1px 1px 2px #3594bb inset; border-color: #2e7fa0;}
 
.left {float:left;} .right {float:right;}
.text { border: 1.5px solid #aeccff; width:100%; height:30px; margin: 0 auto; padding:0; color:#00334c; font-size:1.2em;
							-moz-border-radius:6px;
							-webkit-border-radius:6px;	
							border-radius:6px; }
.text:focus {background:#EEE; border:#27A6BA 1px solid;}
 
input, select, label {font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}
 
/*_____________________________________________________________________________________________________________*/
/*                                              MENU TOP                                                       */
/*_____________________________________________________________________________________________________________*/     
 #topmenu {width:950px; /* height:45px; margin:0 auto; */ letter-spacing:0.02em; color:#0dc3ff; font-size-adjust:none; font-weight:bold; font-stretch: normal; z-index: 2; 
			padding-top:15px;}
 
.userbar li a, .userbarlog li a, .userbarlog li span { font-size: 1.2em; font-weight:bold; padding:0 10px; color: #ffffff;}
.userbar li a:hover, .userbar  li .active, .userbar  li .active a, .userbarlog li a:hover, .userbarlog  li .active, .userbarlog  li .active a { color: #0dc3ff; text-decoration: none;}		
.userbar li {float:left; /*pour IE*/}	.userbarlog li {float:right; /*pour IE*/}
 
/*_____________________________________________________________________________________________________________*/
/*                                             HEADER                                                          */
/*_____________________________________________________________________________________________________________*/     
#header {position:fixed; top:0; left:0pt; width:100%; background: url('png/bg.png') repeat-x;}
	.indexheader { height:427px;} .mainheader { height:165px;}
#nav_header { display:block; position:fixed; top:60px; left:0pt; width:100%; background: url('png/bkg-header.png');}
 
#bandeau { margin:0 auto; width:950px; position:relative;}
#standardForm { text-align:left; width:930px; margin:20px auto; font-size:2.8em; color:#ebf1fa; font-weight:bold;}
	.slider-window {/* required settings */ 	position:relative; overflow:hidden; height:367px; width:950px; }
	.slider-window .slider-reel {/* this cannot be too large */ width:20000em; position:absolute; width:600px; padding:5px;}
		.slider-bloc { height:427px;}
		.slider-image { display:none; } 
			.intro-title { font-size:2.2em; color:#fff; font-weight:normal; padding-top:15px;}
			.intro-content { font-size:1em; color:#fff; font-weight:normal; padding:15px 0; }
			.intro-link { font-size:1.5em; color:#fff; font-weight:normal; text-decoration:underline;}
				.background-btn { margin:10px 0;}
	.slider-nav {position: absolute; width: 142px; bottom: 0pt; left: 20px; height: 31px; background-color: transparent; background-image: url('png/slider-nav.png'); background-position: 0% 0%; z-index: 1300;}
		.arrow-left { background: url('png/navigate-left24.png') no-repeat; display:block; width:18px; height:20px; margin-left:30px; margin-top:9px; float:left;}
		.arrow-right { background: url('png/navigate-right24.png') no-repeat; display:block; width:18px; height:20px; margin-left:92px; margin-top:9px;}
/*_____________________________________________________________________________________________________________ */
/*                                             accordion header                                                 */
/*______________________________________________________________________________________________________________*/
#accordion { padding:5pt 0; width:950px; margin:10pt auto;}
#accordion img {float:left;margin-right:8pt;margin-top:4pt;cursor:pointer;}
/* currently active header */
#accordion img.current {cursor:default;}
/* accordion pane. should initially have zero width and display:none. The first pane should override these with inline style. */
#accordion div {width:450px; float:left; display:none;}
	#accordion div h4 {color:#fff; margin: 2pt 0 0 0; width:205pt; font-weight:bold;}
	#accordion div p {font-size:.8em;color:#fff; width:200pt; margin:0; text-align:justify;}
	#accordion div a {cursor:pointer;color:#AD8D79;}
 			.search_triggers span {display:block; width:560pt; margin:0; padding-top:10pt; padding-left:3pt; padding-right:auto;}
			.search_triggers input {font-size:1em; color:#585E5D; font-weight:bold; padding:2pt 0 2pt 3pt;}	
			.search_triggers select {height:22pt; width:120pt; padding:4px 3px; font-size:1em; color:#585E5D;}
 
/*_____________________________________________________________________________________________________________*/
/*                                   LOGIN, ACCOUNT & SEARCH PANEL                                             */
/*_____________________________________________________________________________________________________________*/   
 .content_panel { width:930px; margin:0 auto;} .content_panel fieldset { border:none;}		
	.labelpanel { font-size:1.1em; color:#fff; font-weight:bold; display:block; padding-bottom:5px; } 
	.inputpanel, .selectpanel { background:#b7e7fe; border:none; vertical-align:middle; margin-right:5px; padding:4px 0 3px 10px; color:#00334c; font-size:1.2em;}  .selectpanel {height:30px; padding-top:3px;padding-right:3px;}
	.inputpanel:focus {	outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */}
 	.linkpanel { display: inline-block; font-size:.9em; color:#b7e7fe; font-weight:normal; padding-top:5px; }
	.content_panel  input[type=checkbox] {width:4px; margin-right:5px; display: inline-block; vertical-align: middle; border:1px solid #8cb6ff;}
 
.slide_panel { position:absolute; z-index:9999; width:100%; height:105px; top:60px; left:0; bottom:-60px; display:none;
		-moz-box-shadow: 3px 3px 8px #333;
		-webkit-box-shadow: 3px 3px 8px #333;
		box-shadow: 3px 3px 8px #333;
		background:#01364f;
		background:-moz-linear-gradient(90deg, #0286c4, #01364f); /* Firefox */
		background:-webkit-gradient(linear, left top, left bottom, from(#01364f), to(#0286c4)); /* Webkit */}
 
#search_panel, #login_panel, #account_panel {margin-top:28px;}
#login_panel .required {display:block; float:left; margin-right:10px; text-align:center; }
	.textpopup { border:1.5px solid #aeccff; height:22px; padding-left:5px; margin-top:2px; color:#00334c; font-size:1.2em;}
	#login_panel input[type=checkbox] { width:4px; margin:0 5px 0 0; padding:0; display: inline-block; vertical-align: middle;}
/* 	#login_panel p em  {text-align:center;} .forgot_password {text-align:center; color:#666666;}*/
	#account_panel li {list-style-type:none; display:inline; padding:0 15px;}
	#account_panel li a {	font:1.1em; color: #ccc; }
 
/*_____________________________________________________________________________________________________________*/
/*                                         CONTENT, CONTAINER                                                  */
/*_____________________________________________________________________________________________________________*/   
.maincontent {position:fixed; top:135px; width:100%; margin:0 auto;}
.indexcontent {position:fixed; top:427px; width:100%; margin:0 auto; border-bottom: 1px solid #afc7e4;}
.indexcontainer { position:fixed; top:427px; width:100%; background:#fff;
		background:-moz-linear-gradient(90deg, #d0d4ef, #fff); /* Firefox */
		background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d0d4ef)); /* Webkit */}
 
#content  {width:950px; margin:0 auto;}	
#temporaire { border:3px solid #666666; background-color:#e1ecff; max-width:400px; height:500px;margin-top:80px; padding:16px;	
						-moz-border-radius:8px;
						-webkit-border-radius:8px;	
						border-radius:8px;}
#temporaire  { color:#666666; padding:16px 20px; text-align:justify; line-height:20px; }	
#temporaire li { padding-left:70px;padding-top:10px; list-style-type:none; background-repeat:no-repeat; background-position:0 0.2em;}
			.reg1 {background-image: url(png/folder-Add48.png);} 
			.reg2 {background-image: url(png/announcements48.png);}
			.reg3 {background-image: url(png/Star-Full48.png);}
/*-------------------------index--------------------------*/
#centerindex, #blockindex { /* position:relative;  */width:910px; margin:15px auto; background-color:#fff; }
#centerindex { border:1px solid #7babff; }
#centerindex h1 { color:#7babff; text-align:center; text-shadow: 1px 1px 1px #01364f; margin:7px; }
	.feature {height:205px; width:430px; margin-bottom:10px; border:1px solid #dddddd; background:#fff; padding:7px;
						-moz-border-radius:6px;
						-webkit-border-radius:6px;	
						border-radius:6px;}
	.feature:hover {outline-width: medium; outline-style: none; outline-color: -moz-use-text-color; border-top-width: 1px; border-right-width: 1px; border-right-width-ltr-source: physical;
		border-right-width-rtl-source: physical; border-bottom-width: 1px; border-left-width-value: 1px; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical;
		border-top-style: solid; border-right-style: solid; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-bottom-style: solid; border-left-style: solid;
		border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-top-color: #aaa; border-right-color: #aaa; border-right-color-ltr-source: physical;
		border-right-color-rtl-source: physical; border-bottom-color: #aaa; border-left-color: #aaa; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical;
		box-shadow: 0pt 3px 6px #bbb inset; background:#EEE;}
		/* .img_thumbnail { background-color:#ffffff; background-image:none; background-repeat:repeat; background-attachment:scroll; background-position: 0% 0%;
				background-clip: border-box; background-origin: padding-box; background-size: auto auto;padding:2px; border:1px solid #d1d1d1; float:left; margin-right:10px;} */
		.txt_thumbnail { display:block; font-size:11px; color:#777777; line-height:16px; margin-top:5px; margin-right:0pt; margin-bottom:0pt; margin-left:64px;}
/*------------------------service-------------------------*/
#tabs_product { float:left; margin-top:60px; padding:0 10px; width:650px;}
#boxService {float:right;  margin-top:60px; padding:0 10px;}
.cateTitle { font-weight:bold; font-size:16px; margin-bottom:2px;}
.cateList dl { float:left; text-align:justify; color:#434a4d; width:315px; padding:7px 0 0 0; height:115px;}
.cateList dt { font-weight:bold; font-size:13px; margin-bottom:2px;}
.cateList h3 {text-align:left; font-size:1.2em; font-weight:normal; line-height:180%; margin:0; padding:0; color:#464646; background-color: transparent;
		background-attachment:scroll; background-position: left 12px; }
.cateList .Backtotop {float:right; line-height:30px; height:25px; background-color:#ffffff; padding-left:5px;}
.companies.left { padding:10px 10px 0 0;} .companies.right { padding:10px 0 0 10px;}
.companies a { color:#3c3c3c;} .companies a:hover { text-decoration:underline; color:#ff6600;}
 
.cateNav { margin-top:5px;}
.cateNav a {font-size:12px; font-weight: bold; padding: 0 8px;}
	.cat_tabs, .cat_tabs2 {list-style: none ;margin: 0; padding:0; width:100%;}
	.cat_tabs li, .cat_tabs2 li  {float: left; margin: 0; border-right:1px solid #dcdcdc;}
	.cat_tabs li a, .cat_tabs2 li a {display: block; margin:0 0; padding: 4.2pt 14.6pt ; background: #D4AC94; color: #876e5f; font-weight:bold; text-align: center; text-decoration: none;}
	.cat_tabs a.current, .cat_tabs a:hover, .cat_tabs2 a.current, .cat_tabs2 a:hover {background:#e3c8b8;}
/*------------------------annonces-------------------------*/
.search_radio {padding-right:37px;}
.search_radio  input[type=radio] {width:4px; vertical-align: middle; margin-right:5px; display: inline-block;}
.search_radio label {  margin-left:5px;}

**Emyleen** · 20/12/2011, 10h40

Bonjour,

J'ai repéré un overflow:hidden; dans ton code, mais je ne suis pas sûre que ça viennes de là.

Essaye de forcer l'affichage des ascenseur en ajoutant un overflow:scroll ou visible dans ton body.

En espérant t'avoir aidé

Pas d'ascenseur sur mon site

CSS

Discussions similaires

Partager

Partager