Problème IE7

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème IE7

laurent0

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

Publicité

smaragdus

whores, drugs & J.S. Bach

Sans doute un problème de doctype

laurent0

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

abais

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.

FORUM HardWare.fr

Programmation

HTML/CSS

Problème IE7

Sujets relatifs
[résolu] Probleme alignement menu sous Firefox	exec() et IE7 et + .. probleme
Problème Design sous IE7	Problème avec Internet Explorer IE6 et IE7: Afficher Derouler - cacher
Probleme table-cell dans Mozilla et IE7	IE7 et problème de session php HELP8
probléme $_SESSION dans IE7	[résolu]Problème Carateres japonais UTF8 et IE7 php
[Resolu ] Probleme CSS assez inexplicable : Espace blanc avec IE7	problème de fond sous ie7 (encore un =P) [résolu]
Plus de sujets relatifs à : Problème IE7

Page générée en 0.040 secondes