Le menu dynamique

Voilla,

j'ai copié le code source du menu dynamique en css avec un pti bout de code en javascript...voicci le menu==>ici

..mon probleme :
Quand je passe au dessu d'un lien qui doit ouvrir un sous menu, le sous menu pousse tout mon contenue vers le bas ! Ce qui n'est pas le cas dans l'exemple...
Vous pouvez voir mon probleme en ligne pour mieux comprendre==>ici

...Comment résoudre ce petit probleme ?

MERCI D'AVANCE A TOUS !!!

oups...j'ai oublié de donné le code css de mon menu..

le voila :

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	margin: 6px;
	width: 100%;
}
#menu dl {
float: left;
width: 156px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
	text-align: center;
	background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

arf...

j'ai trouver la solution mais dieu seul sait comment j'ai fait...
en chipotant un peut ont y arrive..lol, je sait bien que c'est pas de cette manierre qu'ont aprends mais bon,..ca ma avancé lol
Soit,...Merci quand meme...mais..


j'ai un autre probleme avec ce menu dynamique maintenant...
(Pourriez vous s.v.p. regarder ce site que je suis en train de faire...)

==>Le probleme est dans le menu ,quand ont mets que 800px sur son ecran, ben le bouton divers ce mets en dessou des autre !! Pourquoi ??

==>Puis aussi sous le navigateur Firefox de Mozilla, quand ont passe au dessu des lien qui contienne des sous menu,..les sous menu sont affiché derriere mon contenue !! Pourquoi ??

N.B. : La feuille de style que j'ai montrer au dessu a changé..je l'ai mis a jours depuis tantot er je vous la represente ci dessou :

[b]POUR LE MENU ==>[/b](repris sur modele dans alsacreations)
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
}

#menu {
	width: 100%;
	display: block;
	position: absolute;
}
#menu dl {
	float: left;
	width: 20%;
}
#menu dt {
	text-align: center;
	font-weight: bold;
	border: 2px solid black;
	background-color: #FFFFFF;
	margin-left: 6px;
	margin-right: 6px;
}
#menu dd {
	display: none;
	border: 2px solid black;
}
#menu li {
	text-align: center;
	background: #fff;
}
#menu li a, #menu dt a {
	color: #000;
	text-decoration: none;
	height: 100%;
	border: 0 none;
	display: block;
}
#menu li a:hover, #menu dt a:hover {
	background-color: #FF0000;
}


[b]POUR MON CONTENU QUI EST DANS UNE DIV CLASS==>[/b]
.contentblock {
	color: #333333;
	font-family: "Comic Sans MS";
	font-size: 14px;
	border: 2px solid;
	vertical-align: top;
	text-align:left;
	padding: 2px 20px 2px 20px;
	border-color: #000000;
	background-color: #FFFFFF;
	background-image: url(/imageSite/backContentblock.gif);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right top;
	margin: 6px;
}


[b]POUR LA STRUCTURE==>[/b]
body {
	color: #333333;
	font-family: "Comic Sans MS";
	font-size: 14px;
	padding-top: 15px;
	background-color: #333333;
}

h1 {
	color: #FF9900;
	font-size: 24px;
	padding-left: 20px;
	letter-spacing: 2px;
	vertical-align: bottom;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 10px;
	text-align: left;
	margin-left: 6px;
	margin-right: 6px;
}
h2 {
	color: #FF9900;
	font-size: 16px;
	letter-spacing: 2px;
	vertical-align: bottom;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	text-align: left;
	margin-left: 6px;
	margin-right: 6px;
}

em {
 font-weight: bold;
 font-style: normal;
}

img
{
 border-style: none;
}

a {
 color: #000000;
}
a:hover {
 color: #333333;
}


#container {
	border: 2px solid;
	width: 90%;
	vertical-align: top;
	border-color: #000000;
	background-image: url(/imageSite/backpix.gif);
	left: 5%;
	right: 5%;
	position: absolute;
}

#header {
	border: 2px solid;
	vertical-align: bottom;
	text-align: left;
	height: 120px;
	border-color: #000000;
	background-color: #FFFFFF;
	margin: 6px;
}

#footer {
	border: 2px solid;
	color: #333333;
	vertical-align: top;
	text-align: right;
	padding: 4px;
	padding-right: 15px;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 1px;
	border-color: #000000;
	background-color: #FFFFFF;
	margin: 6px;
}

Toute reponse est le bienvenue !
MERCI D'AVANCE !!
Modifié par ghijselinck (30 Jul 2005 - 17:41)