Hello,  
 
Je commence à devenir fou alors je m'adresse à vous
J'ai un satané espace blanc sur la droite de ma page sous IE, et j'arrive pas à l'enlever ... J'ai consulté plusieurs sites sur les hacks à adopter pour que le site soit lisible sous IE (grrrr), mais rien n'y fait ...  
 
http://www.enseignons.be/temporair [...] /index.php
 
et je comprends pas pourquoi ... J'ai relu quarante fois ma feuille de styles, et je vois rien ...  
 
http://www.enseignons.be/temporair [...] parent.css
 
Quelqu'un peut-il m'aider ...  
Merci beaucoup    
 
Nizouille,  
Roi des Grenouilles (au moins)

La Belgique est injoignable ce soir ou c'est juste ton site ?

le serveur chez qui je suis vient apparememnt de planter ...  
   
yipiiie

bon ben en attendant, je v flooder en mettant ma feuille de styles ici :
 
/***** menu CSS *****/  
#holder {  
 position: absolute;  
 top: 0;  
 left: 0;
}  
#header {  
height: 115px;
border: none;
background:  url(images/fond-header.gif) repeat-x 0 0;
}
html, body, #holder {  
 min-height: 100%;  
 height: 100%;
}  
html>body #holder {  
 height: auto;
}  
body {  
 margin: 0;  
 padding:0;  
}  
#content {
position: relative;  
 margin-left: 160px;  
 margin-top: 34px;  
 margin-bottom: 10px;  
 background-color:#FFF
}  
.haut {        /* bloc haut : hauteur définie et image de fond */  
  height: 46px;  
  background-image: url(images/cadre/haut.gif);  
}  
.hautd {        /* bloc haut droit: tailles, image de fond et alignement */  
  height: 46px;  
  width: 80px;  
  background-image: url(images/cadre/hautd.gif);  
  float: right;  
  }  
.bas {        /* bloc bas : hauteur définie et image de fond */  
  height: 68px;  
  background-image: url(images/cadre/bas.gif);  
  font-size: 0;  
}  
.basd {        /* bloc bas droit: tailles, image de fond et alignement */  
  height: 68px;  
  width: 80px;  
  background-image: url(images/cadre/basd.gif);  
  float: right;  
  font-size: 0;  
  }  
.centre {  /* bloc centre : bord gauche qui ne se répète qu'en hauteur */  
  background-image: url(images/cadre/gauche.gif);  
  background-repeat: repeat-y;  
  }  
.contenu {   /* bloc contenu : bord droit qui ne se répète qu'en hauteur */  
  font-size: 0.9em;  
  text-align:justify;  
  background-image:  url(images/cadre/droite.gif);  
  background-repeat: repeat-y;  
  background-position: right;  
  padding: 5px 55px 1px 30px;   /* marges internes pour que le texte ne colle pas aux bords */  
  }  
#footer {
 clear: both; height: 1.3em; position: absolute; bottom:0px; background:#006699; text-align:right; color: #F2E7DB;  border: none; width: 100%;}  
 
.ssmenu {  
  background-color:#B6C5D6;  
  color:black;  
  font-size:12px;  
  font-weight:bold;  
  padding:1px;  
/* following is not valid CSS */  
  filter:alpha(opacity=75);  
  -moz-opacity:0.75;  
  opacity: 0.75;  
/* width et margin sont au cas où le javascript est désactivé. */  
  width:15em;  
  margin:1em;  
}  
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */  
.menu {  
  text-align:left;  
}  
.menu span, .ssmenu span {  
/* Ne pas toucher  
  C'est pour cacher les; en fin de <li>, ce qui permet aux synthèse vocales de prendre une  
  pause dans l'élocution */  
  display:none;  
}  
.ssmenu ul, .ssmenu li {  
/* Ne pas trop toucher.  
  Les items (les <li> ) des sous-menus, notamment pour enlever les puces des liste */  
  padding:0;  
  margin:0;  
  list-style-type:none;  
}  
/* Les liens qui ne sont pas sous le curseur. */  
.ssmenu a, .ssmenu a:visited {  
  font-family: sans-serif, Verdana, Arial;  
  text-decoration:none;  
  color:black;  
  padding:2px 1px;  
/* Ne pas modifier le block */  
  display:block;  
/*   Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison  
  aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */  
/*   height:100%;  
  margin:0px;*/  
  margin:0px;  
  width:100%;  
}  
.menu a,  .menu a:visited {  
  display: block;  
  line-height: 26px;  
  text-align: left;  
  font-size: 0.9em;  
  font-weight: bold;  
  height: 100%;  
  width: 136px;  
  color: #006699;  
  text-decoration: none;  
  background:  url(images/bouton.gif) no-repeat 0 0;  
  background-position: 20px 0px;  
}  
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus{  
/* Les liens sous le curseur.  
  On change les couleurs du texte et de fond, et on enlève le soulignement.  
  */  
  background-color:#859FBB;  
  color: #FECB33;  
  text-decoration:none;  
}  
.menu a:hover, .menu a:focus {  
  background:  url(images/bouton.gif) no-repeat 20px -26px;  
  color: #006699;  
}  
a {  
    color: #FECB33;  
    text-decoration: none;  
}  
a:hover {  
    color: #F2E7DB;  
}  
ul, li {  
  margin: 0;
  padding: 0;  
  font-weight: bold;  
  list-style-type: none;  
}  
/* les 3 boutons du header*/  
.bt1 {  
  position: absolute;  
  top: 20px;  
  left: 480px;  
}  
.bt2 {  
  position: absolute;  
  top: 40px;  
  left: 450px;  
}  
.bt3 {  
  position: absolute;  
  top: 60px;  
  left: 425px;  
}  
body, html {  
  margin: 0;  
  padding: 0;  
  background: #F2E7DB;  
  font-family: verdana, sans-serif;  
  font-size: 0.9em;  
}  
 
#plan {  
   position: absolute;  
   right: 0px;  
   top: 0px;  
   color: #F2E7DB;  
}  
#plan a {  
   margin: 0;  
   padding: 0;  
    color: #F2E7DB;  
    text-decoration: none;  
}  
#plan a:hover {  
    color: #FECB33;  
 
}  
 
/*cadre arrondi */  
#background {  
   position: absolute;  
   left: 25px;  
   top: 149px;  
   height: 339px;  
   width: 138px;  
   background:  url(images/cadretitre/cadre.gif) no-repeat;  
 }  
.identification{  
 font-weight: bold;  
 font-size: 1.0em;  
 text-align: center;  
 margin-top: 200px;  
 margin-left : 5px;  
 color: #006699;  
}  
/*formulaire*/  
form {  
  width: 80%;  
  font-family: Verdana, Arial, sans-serif;  
  font-size: 1.1em;  
  margin-left: 10%;  
 }  
form fieldset{  
    border: 1px dashed #79C;  
    padding: 10px;  
 background-color: #FFF;
}  
form legend{  
 background-color: white;  
 padding: 1px 4px;
 color: #B6C5D6;  
 font-weight:bold;
}  
form div{  
 padding: 6px 8px;  
}  
form div.bloc label {  
 display: block;
 float: left;  
 width: 30%;
}  
form div.center {  
 text-align: center;  
}  
p.message{  
 text-align: center;  
}    
label {  
 font-family: Verdana, Arial, sans-serif;  
 font-weight:bold  
}  
input {  
 background-color: #DEE6EE;  
 color:#000;  
  font-size:12px;  
}  
select, option {  
 background-color: #DEE6EE;  
}  
textarea {  
 border:1px solid black;  
 font-size: 1.1em;  
}  
input.bouton {  
 border:2px outset #DEE6EE;  
 font-weight:bold;  
 cursor:pointer;  
}  
input.bouton:hover {  
 background-color:white;  
 color: #000;  
}  
/*fin du formulaire */  
/* différentes mises en forme de texte*/  
 
span.gras {  
   font-weight : bold;  
}  
span.gch {  
 display: block;  
 float: left;  
 text-align: left;  
}  
span.dte {  
 display: block;  
 float: right;  
 text-align: right;  
}  
.liens {  
    color: #006699;  
    font-weight : bold;  
   background: none;  
  }  
.liens:hover {  
    color: #FECB33;  
   background: none;  
}  
/* titres */  
h1, h2, h3 {  
   padding-left: 2em;    
}  
h2 {  
   margin-left: 1em;  
   background:  url(images/puce.gif) 0px 50% no-repeat;  
}  
h3 {  
   margin-left: 2em;  
   background:  url(images/puce2.gif) 0px 50% no-repeat;  
}  
p {  
   text-indent: 2em;  
}  
.titre {   /* placement de l'image titre */  
   margin-left: 30px;  
   margin-top: 20px;  
 }
 
 
 
walaaaa

Profites-en pour mettre le code HTML de ta page.

Allez tant qu'on y est et que je suis bloqué
(ps : j'adore le petit smiley dans ma feuille de style)
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Test du menu</title>
<script type="text/javascript" src="menu.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<link rel="stylesheet" type="text/css" href="transparent.css" />
 
</head>
<body>
<div id="holder">
<div id="header">
<img src="images/header.jpg" alt="logo" />
</div>
<div id="plan">Vous &ecirc;tes ici : <a href="#">Accueil >></a></div>
<ul>
  <li class="bt1"><a href="http://www.enseignons.be/forum/profile.php?mode=register" onclick="window.open(this.href);return false;">Inscription</a></li>
  <li class="bt2"><a href="?page=1">Newsletter</a></li>
  <li class="bt3"><a href="http://www.enseignons.be/forum/index.php" onclick="window.open(this.href);return false;">Forum</a></li>
</ul>
<div id="conteneurmenu">
<script type="text/javascript">
preChargement();
</script>
  <p id="menu1" class="menu"> <a href="#">News</a> </p>
  <p id="menu2" class="menu"
  onmouseout="CacherDelai();"
  onmouseover="MontrerMenu('ssmenu2');"> <a href="#"
  onmouseover="MontrerMenu('ssmenu2');">Fondamental</a> </p>
  <ul id="ssmenu2" class="ssmenu"
  onmouseover="AnnulerCacher();"
  onmouseout="CacherDelai();">
    <li> <a href="#">Lettres</a> </li>
    <li> <a href="#">Sciences</a> </li>
    <li> <a href="#">Autres</a> </li>
  </ul>
  <p id="menu3" class="menu"
  onmouseover="MontrerMenu('ssmenu3');"
  onmouseout="CacherDelai();"> <a href="#">Secondaire</a> </p>
  <ul id="ssmenu3" class="ssmenu"
  onmouseover="AnnulerCacher();"
  onmouseout="CacherDelai();">
    <li> <a href="#">General</a> </li>
    <li> <a href="#">Professionel</a> </li>
    <li> <a href="#">C.E.F.A.</a> </li>
  </ul>
  <p id="menu4" class="menu"
  onmouseover="MontrerMenu('ssmenu4');"
  onmouseout="CacherDelai();"> <a href="#">Contact</a> </p>
  <ul id="ssmenu4" class="ssmenu"
  onmouseover="AnnulerCacher();"
  onmouseout="CacherDelai();">
    <li> <a href="#">Webmaster</a> </li>
    <li> <a href="#">Soumettre un document</a> </li>
    <li> <a href="#">Forum</a> </li>
  </ul>
  <p id="menu5" class="menu"
  onmouseover="MontrerMenu('ssmenu5');"
  onmouseout="CacherDelai();"> <a href="#">Aide</a> </p>
  <ul id="ssmenu5" class="ssmenu"
  onmouseover="AnnulerCacher();"
  onmouseout="CacherDelai();">
    <li> <a href="#">Plan du site</a> </li>
    <li> <a href="#">FAQ</a> </li>
  </ul>
   
</div>
 
<script type="text/javascript">
//nombres d'éléments du menu principal
 nbmenu=5;  
//chargement du menu
 Chargement();
</script>
  <div id="background">
  <p>  
    <form id="subscribe-form" method="post" action="./subscribe.php" enctype="application/x-www-form-urlencoded" class="identification">
      <span class="identification">Utilisateur</span>  
      <input name="username" type="text" size="18">
      <span class="identification">Mot de passe</span>  
      <input name="password" type="text" size="18">
      <span class="dte"><a href="#" class="liens">>></a></span>  
    </form>
 </p>
  </div>
  <div id="content">  
    <div class="haut">  
      <div class="hautd"> </div>
    </div>
    <div class="centre">  
      <div class="contenu">  
        <?
if ($page=='1') {include('http://www.enseignons.be/temporaire_site/echange/newsletter/subscribe.php');}
elseif ($page=='2') {include('http://www.enseignons.be/temporaire_site/echange/transparent2/outils.htm');}
elseif ($page=='3') {include('http://www.enseignons.be/temporaire_site/echange/transparent2/presse.htm');}
elseif ($page=='4') {include('http://www.enseignons.be/temporaire_site/echange/transparent2/notice.htm');}
elseif ($page=='5') {include('http://www.enseignons.be/temporaire_site/echange/transparent2/status.htm');}
elseif ($page=='6') {include('http://www.enseignons.be/temporaire_site/echange/transparent2/credits.htm');}
else {include('http://www.enseignons.be/temporaire_site/echange/transparent2/accueil.htm');}
?>
      </div>
    </div>
    <div class="bas">  
      <div class="basd"> </div>
    </div>
  </div>
<div id="footer"><span class="gch">&copy; Enseignons.be - Tous droits r&eacute;serv&eacute;s.</span><a href="?page=2">Outils  
    - </a><a href="?page=3">Presse - </a><a href="?page=4">Notice L&eacute;gale  
    - </a><a href="?page=5">Statuts - </a><a href="?page=6">Cr&eacute;dits - </a>  
  </div>
</div>
</body>
</html>

wala le serveur est ok now ...  
Personne ne voit ?

Visiblement le problème est dans ton javascript... IE a pas l'air d'aimer de cacher un élément puis de le faire réapparaitre....
 
Ton menu me paraît bien compliqué quand même...

ben c juste un menu déroulant en javascript ... Tu as plus simple ?? Je v faire le test en retirant le menu ...  

waw ... mes respects monseigneur ...    
Chuis sur plusieurs forums et t'es le seul à avoir vu que ça venait de là ... merci beaucoup ...  
 
Comment résoudre ce prb now ... ??? That's the question ..

utiliser un autre menu

héhé

regarde le menu proposé sur openweb.eu.org

le menu ne fonctionne ni avec Firefox ni avec IE  

je suis en train de faire qq changements ... Wait and see

wala c résolu ... Quelqu'un rencontre-t-il encore des prb sous une plateforme ou un navigateur particulier?  
Par ailleurs, si vous avez d'autres remarques, elles sont les bienvenues ...  

 
Tant qu'on est pas capable de faire soi-même un menu, les problèmes reviennent tôt ou tard.

quel problème as-tu rencontré ?  
Je ne m'y connais pas en javascript désolé ... Un webmaster débutant ne peut maîtriser plusieurs langages à la fois, sinon ça devient hyper élitiste ... et c'est à ça que servent les différents tutoriaux présents sur le web. C'est comme si tu disais : je sais pas faire du coca-cola alors j'en achète pas ... c'est hyper élitiste comme raisonnement ...  
Déso de m'insurger mais je fais de mon mieux et j'apprends tous les jours ... Je me débrouille comme on dit et je ne me "sers" pas sur les sites, j'essaie toujours de comprendre avant de l'appliquer ..

 
Ce n'est pas un jugement de valeur.
 
Je n'ai pas dit que c'était mal de pas savoir faire un menu en JS. Je dis que tant qu'on est pas capable de le faire soi-même, les problèmes subsistent.
 
Cela est en partie du au fait que les menus en JS reposent sur les positionnements CSS, et qu'il faut bien maitriser ces positionnements ainsi que le JS qui fait apparaitre ou disparaitre tel ou tel élément.
 
Le principe d'un menu en JS + CSS est très simple en réalité, c'est pas du tout réservé à une élite.

as-tu rencontré un prb avec le menu que j'ai adapté ?  
Je dis pas que je maîtrise le positionnement css (que du contraire ), mais je m'y connais déjà un peu plus qu'en javascript ..  

merci à tous ceux qui m'ont aidé by the way