Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1598 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème IE7

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème IE7

n°2042109
laurent0
Posté le 14-12-2010 à 16:52:28  profilanswer
 

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 :
  1. #head {
  2. background-image: url(../images/template/background.jpg);
  3. background-repeat: repeat-y;
  4. text-align: center;
  5. height: 100%;
  6.         width:867px;
  7.         position:relative;
  8. }
  9. #head-left {
  10. width:284px;
  11. height:100px;
  12. position:absolute;
  13.         left:0px;
  14. margin-top: 25px;
  15.         z-index:1;
  16. }
  17. #head-center {
  18. width:867px;
  19. height:75px;
  20. background-image:url(../images/template/menu.jpg);
  21. background-repeat:no-repeat;
  22.         z-index:9;
  23.         position: absolute;
  24. }
  25. #head-right {
  26. width:283px;
  27. height:100px;
  28. position:absolute;
  29.         right:0px;
  30.         margin-top: 25px;
  31.         z-index:1;
  32. }


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


Message édité par laurent0 le 14-12-2010 à 23:42:37
mood
Publicité
Posté le 14-12-2010 à 16:52:28  profilanswer
 

n°2042183
smaragdus
whores, drugs & J.S. Bach
Posté le 14-12-2010 à 22:47:06  profilanswer
 

Sans doute un problème de doctype

n°2042185
laurent0
Posté le 14-12-2010 à 23:05:41  profilanswer
 

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

Code :
  1. <div id="head-center">
  2. <div id="head-left">
  3.     <ul class="menuleft">
  4. <li><a href="/nos-formations.html">Test</a></li>
  5. <li><a href="/nos-formations.html">Test</a></li>
  6.         <li><a href="/nos-formations.html">Test</a></li>
  7.     </ul>
  8. </div>
  9. <div id="head-right">
  10.     <ul class="menuright">
  11. <li><a href="/nos-formations.html">Test</a></li>
  12. <li><a href="/nos-formations.html">Test</a></li>
  13.     </ul>
  14. </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
n°2042232
abais
Posté le 15-12-2010 à 09:16:17  profilanswer
 

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.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème IE7

 

Sujets relatifs
[résolu] Probleme alignement menu sous Firefoxexec() et IE7 et + .. probleme
Problème Design sous IE7Problème avec Internet Explorer IE6 et IE7: Afficher Derouler - cacher
Probleme table-cell dans Mozilla et IE7IE7 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 IE7problème de fond sous ie7 (encore un =P) [résolu]
Plus de sujets relatifs à : Problème IE7


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR