Problème IE7

Marsh Posté le 14-12-2010 à 16:52:28

Bonjour,

Je fais un site internet pour qqn de ma famille.

Quand on passe avec la souris sur un des onglets, il descend. Lorsqu'on clique, il reste descendu sur l'onglet dans lequel on se trouve.

Pour faire le menu, je penses utiliser z-index. mettre la bannière au dessus avec la transparent et les boutons en dessous.
Je dois encore modifier les images pour avoir les transparents.

Ce que j'ai commencé à faire fonctionne sous IE8, chrome et firefox mais sous IE 7, la bannière est complétement décallé vers la droite.

Voici ce que j'ai fait :

Code :

#head {
background-image: url(../images/template/background.jpg);
background-repeat: repeat-y;
text-align: center;
height: 100%;
width:867px;
position:relative;
}
#head-left {
width:284px;
height:100px;
position:absolute;
left:0px;
margin-top: 25px;
z-index:1;
}
#head-center {
width:867px;
height:75px;
background-image:url(../images/template/menu.jpg);
background-repeat:no-repeat;
z-index:9;
position: absolute;
}
#head-right {
width:283px;
height:100px;
position:absolute;
right:0px;
margin-top: 25px;
z-index:1;
}

Une idée d'ou provient ce problème?

Merci d'avance

Laurent

Message édité par laurent0 le 14-12-2010 à 23:42:37

Reply

Marsh Posté le 14-12-2010 à 16:52:28

Reply

Marsh Posté le 14-12-2010 à 22:47:06

Sans doute un problème de doctype

Reply

Marsh Posté le 14-12-2010 à 23:05:41

J'ai déja essayé différents doctype et j'ai tjs le meme problème

si je change et met

Code :

<div id="head-center">
<div id="head-left">
<ul class="menuleft">
<li><a href="/nos-formations.html">Test</a></li>
<li><a href="/nos-formations.html">Test</a></li>
<li><a href="/nos-formations.html">Test</a></li>
</ul>
</div>
<div id="head-right">
<ul class="menuright">
<li><a href="/nos-formations.html">Test</a></li>
<li><a href="/nos-formations.html">Test</a></li>
</ul>
</div></div>

plutot que celle actuelle, cela s'affiche bien mais le z-index ne fonctionne plus les boutons ne se trouve plus en dessous de la bannière

Message édité par laurent0 le 14-12-2010 à 23:07:10

Reply

Marsh Posté le 15-12-2010 à 09:16:17

IE7 a un bug connu avec le z-index, il faut impérativement que tu en mette un supérieure dans tes conteneurs. C'est absurde, mais c'est IE7...

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

Reply

Problème IE7

Sujets relatifs:

Leave a Replay