28220 sujets

CSS et mise en forme, CSS3

CSS - Problème d'affichage avec un menu sur IE

Bonjour,


Depuis toujours Alsacréations est ma référence et je m'aide des tutos, du forums et des liens pour travailler.

Récemment j'ai commencé à mettre en page le site web pour une entreprise. Jusque là aucun problème. J'ai repris une méthode pour mon menu horizontal déroulant d'un tuto Alsacréations. Sur Firefox aucun problème. Sur IE, quand le menu se déroule, il se déroule en-dessous du reste du site.

Pour l'exemple, voici l'url.

En fouillant sur le site, dans la FAQ et dans le forum, j'ai lu qu'on pouvait jouer avec la propriété z-index. Alors j'ai fait un calque contenant tout le header et un contenant tout le reste du site en dessous du header. J'ai utilisé cette propriété afin de dire au menu de passer au-dessus ddu calque contenant tout le site.

Le problème n'est que sur IE. Et pourtant dans la doc de Media-Box ils disent que cette propriété fonctionne sous IE 5+ et j'ai IE 6.

div#menu {
	position: absolute;
	margin : 43px 0 0 -39px ;
	width: 540px ;
	height: 50px ;
	z-index: 2 ;
	background: transparent url(img/menu_background.jpg) repeat-x 0 0;
	left: 259px;
	top: 118px;
}

div#site {
	position: absolute ;
	z-index: 1 ;
	margin: 219px 0 0 0 ;
	width: 760px ;
}


Merci d'avance pour votre aide.
Salut,

essaie éventuellement en mettant un z-index beaucoup plus élevé (1000) à ton menu, pour passer au dessus de tous les autres divs du reste de la page.
Si ça ne fonctionne pas pourrais-tu également nous montrer la partie html ?
Modifié par yyoupla (23 Nov 2005 - 16:53)
<div id="header">
  <div id="menu">
    code menu déroulant
  </div>
</div>
<div id="site">
  <table width="760" border="0" cellspacing="0" cellpadding="0">
    code contenu
  </table>
</div>
yyoupla a écrit :
essaie éventuellement en mettant un z-index beaucoup plus élevé (1000) à ton menu, pour passer au dessus de tous les autres divs du reste de la page.
Si ça ne fonctionne pas pourrais-tu également nous montrer la partie html ?

Toujours le même phénomène :s

Sinon pour plus de précision, c'est avec le tuto suivant que j'ai fait mon menu : lien tuto
Il faut que tu mettes ce z-index sur ton div header, et non pas sur ton div menu.
Et hop, ca marche Smiley smile
Modifié par yyoupla (24 Nov 2005 - 00:18)
Sujet clos
Aller à