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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu]Probleme Css IE6

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Résolu]Probleme Css IE6

n°1660025
muby
Posté le 18-12-2007 à 15:51:16  profilanswer
 

Bonjour,  
 
Je suis en train de creer un site, et j'ai fais une maquette pour vous exposez mon problème.
 
http://muby53.free.fr/Aide/ProbIE6/
 
Le CSS est disponible ici : http://muby53.free.fr/Aide/ProbIE6/style.css
et le code HTML ici : http://muby53.free.fr/Aide/ProbIE6/index.html
 
Voila la maquette.  
 
Alors mon problème est que le menu fonctionne "très bien" sous Firefox, Internet Explorer 5.5,Internet Explorer 7, Flock, Safari(windows), Opera Mais sous Internet Explorer 6, cela ne fonctionne pas du tout. En effet au passage de la souris sur les menus, le sous menu ne s'affiche pas et la taille du div n'est pas la bonne ce qui rend le "border" du div trop bas et pas en cohérence avec le design.
 
 
J'ai surfer un peu partout pour justement connaitre les bug IE6, mais je n'arrive pas à savoir exactement ou est le probleme.
 
Merci d'avance pour votre aide
 
(je rajoute des screenshots pour ceux qui ont plus IE6 et qui voudrait tout de même aider ;) )
 
FF / Opera / IE5.5 / IE7 / Safari --> Résultat :  
http://muby53.free.fr/Aide/ProbIE6/FF.jpg
 
 
IE6 --> Résultat :
http://muby53.free.fr/Aide/ProbIE6/IE6.jpg


Message édité par muby le 20-12-2007 à 16:22:19
mood
Publicité
Posté le 18-12-2007 à 15:51:16  profilanswer
 

n°1660115
nargy
Posté le 18-12-2007 à 17:18:13  profilanswer
 

Note: j'ai pas lu ton code.
 
Ce genre de bugs d'affichage se produit avec IE6 la plupart du temps à cause des définitions de marges qui ne sont pas les mêmes. IE a commencé à implémenter les CSS avec les marges "à l'envers" par rapport à la norme CSS. La marge sous IE6 est calculé à l'intérieur de la boite définie par width/height, alors que CSS stipule la norme décrite ici:
http://www.w3.org/TR/CSS1#formatting-model
avec les marges à l'extérieur (comme en imprimerie).
 
Je te laisse chercher la marge, le padding, ou le border responsable... pour corriger il suffit en général de remplacer la marge fautive par un div coloré de la bonne dimension.

n°1660172
muby
Posté le 18-12-2007 à 18:30:49  profilanswer
 

Merci bien de ta réponse, je vais essayer de regarder cela, mais l'autre souci c'est que sous ie6 il n'affiche pas le sous menu... qui est placer en Absolue par rapport au div du menu.

n°1660773
muby
Posté le 19-12-2007 à 17:10:28  profilanswer
 

J'ai chercher toute la journée et je n'utilise pas de marge qui pourrait supprimer le sous menu.  
 
Mon reel probleme c'est que mon sous menu qui est afficher en Absolue s'affiche pas du tout ...  
 
Auriez vous une piste sur cela ?

n°1661074
astryad
Posté le 20-12-2007 à 10:56:05  profilanswer
 

Après avoir débuggé un peu ce qui se passait sous IE6, il apparaît que le problème vient du Javascript et non du CSS.
 
Lorsque tu survoles ton élément "menu", le classe 'select' est appliquée à l'élément <li class="MenuX">, et pas à l'élément <ul> qui contient ton menu.
 
A priori je pense que le problème vient de cette partie du code :
 

Code :
  1. function menuHover(e) {
  2. var element = Event.element(e); // récupere l'élément appellé
  3. if (element.parentNode.parentNode.parentNode.parentNode.id == 'menu' )
  4. { // si survole un <a> du menu supérieur
  5. menuSelect(element.parentNode.parentNode); // applique le survol
  6. Event.stop(e); // arrête la propagation
  7. }
  8. }


 
Il faudrait regarder du côté des .parentNode, qui ne sont pas forcément interpretés de la même manière suivant les différents navigateurs.

n°1661157
mIRROR
Chevreuillobolchévik
Posté le 20-12-2007 à 11:58:03  profilanswer
 

nargy a écrit :

Note: j'ai pas lu ton code.


 
t aurais du, tu parles d ie6 en mode quirks [:petrus75]


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1661308
muby
Posté le 20-12-2007 à 16:20:46  profilanswer
 

J'ai trouver le souci.
 
Il venait bien du CSS. j'ai juste enlever le padding top et bottom et agrandi le span en hauteur et tout est redevenu a la normal.
 
Resultat ici : ici
 
 
Enfin voila merci encore a vous tous ;)


Message édité par muby le 20-12-2007 à 16:21:59

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

  [Résolu]Probleme Css IE6

 

Sujets relatifs
[C++][Résolu] Le compilateur semble ignorer une classe : pourquoi ?probleme avec un if
[IIS/Javascript] Problème de fichier .js[Resolu] Update ADODB ne fonctionne pas
[Resolu] [Problème] [Perl,Tableaux] lire un fichier texteProblème encodage mySQL : � et ?
[CSS]question sur un avertissement du validateurParcourir une arrayList, probleme iterateur
[RESOLU] Integration variable dans un chemin javascript 
Plus de sujets relatifs à : [Résolu]Probleme Css IE6


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