Probleme menu fixe qui chevauche les autres éléments

Bonjour,

Voila dans mon projet de site web a rendre a mon professeur j'ai un menu fixe obligatoire sur le coté a faire.

Donc j'ai partionner mon code en plusieur div :

<div id="page">

	<div id="menu">
	</div>

            <div id="header">
            </div>

            <div id="contener">
	      <div id="blocdroit">
                    </div>
    
	       <div id="contenu">
                    </div>
             </div>

             <div id="foot">
             </div>
</div>

Et mon css (j'a juste mis le positionnement ici ) :

#page {
	width:1024px;
	margin:auto;
}

#menu {
	position:fixed;
	width:150px;
	margin-top:240px;
}

#header {	
	width: 1024px;
}

#contener {
	float:right;
	width:864px;
}	
#blocdroit {
		float:right;
		width:120px;
		height:500px;
		margin-top:40px;	
}

#contenu {
	float:left;
	width:700px;
	margin:10px;
	min-height:600px;
}

#foot {
	width:1024px;
	height:30px;
	clear:both;
}

Donc le problême c'est que le menu est bien fixe et tout fonctionne bien si l'on ne bouge pas la page. Mais le probleme c'est que si l'on reduit la page manuellement et que l'on joue avec la barre de défilement horizontale du bas, le menu passe au dessus de tout les autres éléments. Comment régler cela ?

merci de votre aide

Bonjour,

Ton problème est impossible à résoudre (ou nécessiterais plein de JS inutile). C'est le problème avec les éléments fixe.

Donc deux solutions, soit tu t'arrange pour que ton prof voie le menu sur grand écran soit tu lui écrit un bel essai sur la problématique du positionnement fixe (bon pas sûr que ça le fasse changer d'avis s'il est borné).

ok, merci beaucoup de ta réponse.
Nan je suis obligé de le mettre. De toute manière je le fais de la maniere que le prof veut pour etre noté, et apres je vire le site pour le refaire en php.