Discussion :

[28ToM47]

Bonjour !

Je suis en train de travailler sur ce site, dont le résultat me convient sur firefox, mais ne marche pas sous IE : http://www.tom-portfolio.fr/civel

Il s'agit d'un menu à défilement horizontal, au passage de la souris, les menus se décalent pour laisser apparaitre la page en question et son contenu.

Du côté html, j'ai fait ca de la façon suivante:

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
 
<div id="imageMenu">
  <ul>
    <li class="qui">
       <div class="qui">
           <!-- contenu de la page -->
       </div>
    </li>
        <li class="img1">
       <div class="img1">
           <!-- contenu de la page -->
       </div>
    </li>
    <!-- etc pour les 8 menus -->
 
  </ul>
</div>

Tout fonctionnait très bien sur les 2 explorateurs jusqu'à ce que j'ajoute la dernière balise div. Celle-ci semble empêcher le slide du menu sous IE. Que faire ? ais-je omis quelque chose dans la feuille de style ?

le CSS :

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
 
#imageMenu {
	width: 990px;
	height: 532px;
	overflow: hidden;
}
 
 
 
#imageMenu ul {
	margin: 0px;
	padding:0;
	height: 532px;
	width: 2500px;
	}
 
#imageMenu ul li {
	float: left;
	height: 532px;
	display:block;
 
}
 
#imageMenu ul li div {
	height: 532px;
	background-color:#FFFFFF;
	padding:0;
 
}
 
#imageMenu ul li.qui {
	background: url(../images/quisommesnous_06.jpg) no-repeat scroll 0%;
	width:74px;
 
}
 
#imageMenu ul li.qui div {
    width: 650px;
    margin-left: 280px;
 
}
 
#imageMenu ul li.img1 {
	background: url(../images/dim_08.jpg) no-repeat scroll 0%;
	width:128px;
}
#imageMenu ul li.img1 div {
    width: 650px;
    margin-left: 132px;
}
 
<!-- etc pour les 8 autres menus -->

De toute évidence, je dois modifier ça :

Code :

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

1
2
3
4
5
6
#imageMenu ul li div {
	height: 532px;
	background-color:#FFFFFF;
	padding:0;
 
}

J'ai essayé d'ajouter tous les position:relative, absolute etc, ça n'y fait rien. Le div bloque complètement le slide sous IE. Sauriez-vous ce que je peux faire pour remédier à ça ?

Merci d'avance !
Tom'

[Macmillenium]

Bonjour,

Le commentaire que tu as avant le Doctype :

Code :

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

1
2
3
4
5
6
7
 
<!--
 
Ce site web est généré à partir de PHP Forge :
Site web : http://phpforge.multimania.com
 
-->

(A enlever et ne rien mettre avant le Doctype)

Fait basculer IE en mode de rendu Quirks

Voici un tableau qui récapitule le comportement des navigateurs avec les différents Doctype.

Tout fonctionne correctement si je force le mode de rendu IE7.

[28ToM47]

pwouaaaaa truc de fou !

toi tu gères c'est abusé ! t'a pas idée du nombre de personne qui ont laissé tomber mon problème !
merci à toi, ca fonctionne à présent, il me reste quelques réglages css et c'est bon

Thx ! a bientôt !