Posez votre question Signaler

Décalage entre IE et les autres....

Yaninho 474Messages postés 19 mars 2009Date d'inscription 30 août 2010Dernière intervention - Dernière réponse le 20 mars 2009 à 11:01
Bonjour à tous,
Je viens à vous car après de nombreuses recherches, je ne trouve pas l'aide dont j'aurais besoin...
Je suis en cours de développement d'un site qui utilise le CMS Made Simple. J'ai "mixé" deux thèmes (1 pour le graphisme et l'autre pour le menu déroulant). Après quelques minutes (heures ?) pour arriver au bon résultat, je me dis que je vais quand même tester sous IE (7) et la....catastrophe...Le menu est complétement décalé.
2 problèmes s'offrent a moi :
1 - Le décalage du menu,
2 - Le menu dissparaît lorsque je descend en dessous de la quatrième occurrence...
Une image valant mieux qu'un beau discours, voici le résultat
Sur Chrome (ou FF, ou Opéra, ou Safari pour ne citer qu'eux, même rendu pour tous.)
http://www.yann-gallis.fr/img/chrome-mcvo.png
Sur IE.
http://www.yann-gallis.fr/img/ie-mcvo.png
Sur les captures on voit bien le décalage...
J'ai testé les hacks CSS, d'enlever le hasLayout...sans succès....
Pouvez vous m'aider ?
Cordialement,
Yann.
Lire la suite 

Décalage entre IE et les autres »

3 réponses
Réponse
+0
moins plus
ca provien de ton code .. ou ??? je ne peux te dire
Ajouter un commentaire
Réponse
+0
moins plus
Le souci de vous passer le code c'est qu'il a été (en partit) généré par le CMS, donc pas vraiment classique.

Voici les CSS des menus (C'est un thème repris, que j'ai arrangé donc pas très beau dsl...)

#menuwrapper {
overflow: hidden;
/*border-bottom: 1px solid #C0C0C0;*/
width: auto;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li {
width: 200px;
}


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#primary-nav ul {
position: absolute;
top: auto;
display: none;
}
#primary-nav ul ul {
margin-top: 1px;
margin-left: -1px;
left: 100%;
top: 0px;
}

#primary-nav li {
margin-left: -1px;
float: left;
}
#primary-nav li li {
margin-left: 0px;
margin-top: 0px;
float: none;
position: relative;
}

/* Styling the basic apperance of the menu elements */

#primary-nav a {
display: block;
margin: 0px;
padding: 5px 5px;
text-decoration: none;
}
#primary-nav li a {
/*border-right: 1px solid #C0C0C0;*/
/*border-left: 1px solid #C0C0C0;*/
}
#primary-nav li li a {
/*border: 1px solid #C0C0C0;*/
}
#primary-nav li, #primary-nav li.menuparent {
/*background-color: #cccccc; /*Ray was ececec this is static colour -I have been hacked again neil*/
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
/*background-color: #ffffff; /*Ray was c7c7c7 this is the clicked colour left on its own - i am sure ray was*/
/*background: url(uploads/Greenery/menu_tab2.png) no-repeat bottom center;*/
/*font-weight: bold;*/
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
/*background-image: url(uploads/theme/arrow.gif); */
/*background-position: center right; */
/*background-repeat: no-repeat; */
background-color: #FFFFFF;
}

#primary-nav li li a, #primary-nav li li a:hover {
background-color:#87e261;
background : url(uploads/Greenery/fond_menu.png);
width: 150px;
}

/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
/*background-color: #ffcc00; /* Ray was e7ab0b this is hover - I have been hacked - neil*/
}

#primary-nav li.menuparenth:hover{
background-color: #ffcc00; /* Ray was e7ab0b this is hover - I have been hacked - neil*/
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
display: none;
}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
display: block;
}



PS : Quelles sont les balises code sur ce forum (je suis nouveau ici dsl ;) )
Ajouter un commentaire
Réponse
+0
moins plus
Un petit UP.

Bon je suis passé sous IE8 et la miracle ca marche !!!!

Donc au fond de moi, je pense (après plusieurs heures de recherches) que l'attribut hasLayout à fait "merdé" mon menu. Le souci c'est que je dois toujours trouver une solution pour IE7 (voir 6)....
Ajouter un commentaire
Ce document intitulé « Décalage entre IE et les autres.... » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?