28173 sujets

CSS et mise en forme, CSS3

Débordement sous-menu css

Bonsoir à tous Smiley cligne

je suis désolé de vous déranger encore une fois, mais j'ai un petit problème avec mon menu. Lorsque que je passe la souris sur une rubrique, les sous-menus apparaissent mais sous IE, ils cachent toute une partie du site !
Alors que sous Firefox les sous-menus fonctionnent correctement !

je vous transmet le code si cela peut vous aider


<style type="text/css">
<!-- 
/* CSS issu des tutoriels  http://css.alsacreations.com  */
body {
	margin: 0;
	padding: 0;
	background-image: url(bg2.gif);
	font-family: verdana, arial, sans-serif;
	font-size: 80%;
	line-height: 20px;
	background-color: #FFFFFF;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: relative;
	top: 2px;
	left: 0;
	z-index:100;
	width: 80%;
	height: auto;
	background-color: #FFFFFF;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	right: auto;
	bottom: auto;
}
#menu dl {
	width: 10.95%;
	margin-right: auto;
	margin-left: auto;
	float: left;
	overflow: visible;
}
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	border: thin solid #FFFFFF;
	background-color: #0099FF;
	font-family: Arial;
	color: #FFFFFF;
	font-size: 100%;
	left: auto;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #99CCFF;
font-size: 90%;
}
#menu li a, #menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
	position: relative;
	overflow: hidden;
}


merci d'avance

Smiley smile
Modifié par mathieuapoge (26 Feb 2007 - 19:15)
A première vue, tu as utilisé un include ...
Car tu as une magnifique insertion de <doctype>, <head> et <body> aux alentours de la ligne 275 de ton code source...

Je te conseillerais donc de lire ce tutoriel ci - Inclure un fichier dans un autre, grâce à CSS et PHP
Et surtout de bien faire attention à ce passage-ci :
a écrit :
Attention cependant : les fichiers inclus ne doivent pas posséder de balises HEAD ou BODY car ils "appartiennent" au fichier parent et ces balises seraient redondantes et en conflit.

Commence donc par nettoyer le code source...
Et voir ce que cela donne. Smiley smile
Modifié par Cygnus (26 Feb 2007 - 19:25)
Bonsoir tout le monde ! Smiley cligne

j'ai fais ce que vous m'avez dit, j'ai enlevé toutes les balises <head> , <body> et <doctype> de mes pages qui sont inserées grâce à INCLUDE, mais toujours le même problème avec IE pour le débordement des sous menus !

c'est peut être le code du menu css qui fonctionne mal avec IE ??
je ne sais pas!

: http://apogecycliste.free.fr

merci d'avoir répondu Smiley smile
Sujet clos
Aller à