Instabilité du div contenant 1 menu deroulant

Fermé
sirenc6l - 20 nov. 2009 à 17:11
 sirenc6l - 22 nov. 2009 à 22:29
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!
A voir également:

1 réponse

globbersthemes
20 nov. 2009 à 20:07
montre nous ton css svp

globbers, http://www.globbersthemes.com/
0
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
pliiiiiiiiiiiiiiiiiiiiiiz helpppppppppppppppppppppppppppppp ...
0
pliiiiiiiiiiiiiiiiiz help meeeeeeeeeeeeeeeeee ...
0