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

Question

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.

tchaning · Answer

ca provien de ton code .. ou ??? je ne peux te dire

Yaninho · Answer

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 ;) )

Yaninho · Answer

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)....

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

3 réponses

Votre réponse

Discussions similaires

Newsletters