Instabilité du div contenant 1 menu deroulant

sirenc6l -  
 sirenc6l -
Bonjour,
j'aimerai etre éclairée sur la manière de stabiliser le contenu d'un "div " placé juste en dessous d'un menu deroulant.
le menu lorsqu'il se déroule déplace automatiquement le contenu du "main" (tableaux et images)

Merci d'avance!
Configuration: Windows Vista
Firefox 3.5.5

1 réponse

  1. globbersthemes
     
    montre nous ton css svp

    globbers, http://www.globbersthemes.com/
    0
    1. sirenc6l
       
      Pour le Body et les differents div contenus ds le body:

      body
      {
      font:#4D4D4D;
      background-color:#C8C8C8;
      font: 12px verdana, sans-serif;

      }

      .content
      {
      background-color:#EEF3FA;
      border: 2px solid #A2BCD8;
      position: absolute;
      width: 1227px;
      height:95%;
      margin-left: 6em;
      margin-right: 6em;
      }
      .header
      {
      height:80px;
      background:url(/media/img/fond_bleu.gif) repeat-x;
      border-bottom: 2px solid #000000;
      }
      .header
      {
      color:#0099ff;
      text-align: center;
      }
      .head_menu
      {
      background:url(/media/img/bande_bleu.png) repeat-x;
      padding-bottom:27px;
      padding-top:6px;
      border-bottom: 1px solid black;
      /*margin-left: 0;*/
      }
      //c'est l'image que je veux mettre dans mon Div main"
      .vues
      {
      background:url(/media/img/pub.png) no-repeat;
      position:absolute;
      padding-left:978px;
      width:250px;
      height:516px;
      }

      // le conteneur
      #main
      {
      height:80%;
      margin:0;
      }
      // pied de page
      .footer
      {
      color: #D7DEF0;
      margin-bottom:5px;
      padding-top:0;
      margin-top:0;
      }

      // mon menu deroulant:
      #menuDeroulant
      {
      list-style-type:none;
      margin:0;
      padding-left:0;
      padding-right:2px;
      text-align:center;
      }
      #menuDeroulant li
      {
      float: left;
      width: 164px;
      text-align:center;
      margin: 0;
      }
      #menuDeroulant .sousMenu
      {
      display: none;
      list-style-type: none;
      margin: 0;
      padding: 0;
      border: 0;
      }

      #menuDeroulant li a:link, #menuDeroulant li a:visited
      {
      display: block;
      height: 1%;
      color: #FFFFFF;
      padding: 5px 1px;
      margin-bottom:0;
      border-right: 2px solid #AEC7E1;
      text-decoration: none;
      }

      #menuDeroulant li a:hover { background-color: #FEF189; }
      #menuDeroulant li a:active { background-color: #C5E2FF;}

      #menuDeroulant .sousMenu li a:link,
      #menuDeroulant .sousMenu li a:visited
      {
      display: block;
      color: #275E85;
      margin: 0;
      border-right: 2px solid #AEC7E1;
      text-decoration: none;
      background: transparent url("/media/img/band.png") repeat;
      }

      #menuDeroulant .sousMenu li a:hover
      {
      background-image: none;
      background-color: FEF189;
      }

      #menuDeroulant li:hover > .sousMenu { display: block;}


      merci d'avance!
      0
    2. sirenc6l
       
      pliiiiiiiiiiiiiiiiiiiiiiz helpppppppppppppppppppppppppppppp ...
      0
    3. sirenc6l
       
      pliiiiiiiiiiiiiiiiiz help meeeeeeeeeeeeeeeeee ...
      0