Menu déroulant et formulaire fixe en dessous

Bonjour à toutes et à tous !

Je travaille sur un site de type classique bandeau en haut, colonne de gauche, contenu, colonne de droite et pied de page.
Mon menu déroulant se trouve dans la colonne de gauche, je fais figurer un champ de recherche en dessous de celui-ci...maintenant que j'ai mis une position absolute à mon div menu déroulant, celui-ci se déploie sur les autres onglets...et le div du champ de recherche reste fixe comme je le voulais !
Que faire pour que le menu se déploie normalement et que mon champ de recherche reste à hauteru fixe ?

#menu_gauche ul {
text-decoration: none;
list-style-type: none;
padding-top: 30px;
position: absolute;
}
et
#menu_gauche_rech form{
float: left;
margin-left: 15px;
margin-top: 400px;
}


La modification doit elle se faire sur la position de mon champ de recherche ou sur le menu déroulant ?

Je vous remercie par avance pour votre aide.

Modifié par pankini (06 Jul 2010 - 10:42)

Tu peux spécifier une valeur height à ton menu.

Merci...mais bon, mon menu a déjà une valeur height...et ça ne fonctionne pas !
Modifié par pankini (06 Jul 2010 - 10:34)

#menu_gauche dl dt{
padding-left: 15px;
padding-right: 15px;
}

#menu_gauche{
background-repeat: no-repeat;
background-image: url(/images/SIT_DEV/fond_menu.png);
height: 454px;
}

#menu_gauche ul {
text-decoration: none;
list-style-type: none;
padding-top: 30px;
}

#ligne1 {
list-style-image:url(/images/SIT_DEV/icone_actu.png);
}

#ligne2{
list-style-image:url(/images/SIT_DEV/icone_doc.png);
}

#ligne3{
list-style-image:url(/images/SIT_DEV/icone_calendrier.png);
}

#ligne4{
list-style-image:url(/images/SIT_DEV/icone_communique.png);
}

#menu_gauche a {
color: #656F66;
text-decoration: none;
}

#menu_gauche ul ul {
list-style-type: none;
}

#menu_gauche li li {
list-style-image:none;
}

#menu_gauche li li a{
color: #0092B3;
}

#menu_gauche li li a:hover{
background-color:#FDE755;
}

#menu_gauche ul ul ul {
list-style-type: none;
}

#menu_gauche li li li {
list-style-image:none;
}

#menu_gauche li li li a{
color: #fff;
}

#menu_gauche li li li a:hover{
background-color:#0092B3;
}

#menu_gauche ul ul{
display: none;
padding: 0;
margin: 0;
list-style: none;
}
#menu_gauche li:hover ul, #menu_gauche li li:hover ul {
display:block;
color: #DE4245;
}

#menu_gauche_rech form{
float: right;
position: absolute;
height: 250px;
}

#menu_gauche_rech input td{
border: 1px solid #0092B3;
text-align: left;
color: #0092B3;
font-family: Arial, sans-serif;
}

#menu_gauche_rech textarea td{
background-color: #0092B3;
text-align: left;
font-family: Arial, sans-serif;
}

#searchString textarea td{
background-color: #fff;
border: 1px solid #0092B3;
text-align: left;
}

input {
border:none;
background:#FFF;
}
input:focus {
background : #fff;
}
input[type=radio] {
margin-right:20px;
}
input.decole-curseur {
padding-left:20px;
}
input[type=submit], input[type=reset] {
border:none;
font-weight:bold;
cursor:pointer;
color:#fff;
background-color:#DE4245;
}
input[type=submit]:hover, input[type=reset]:hover {
background-color:#FDE755;
color:#DE4245;
}
input[type=submit]:active, input[type=reset]:active {
background-color:#0092B3;
color:white;
}
textarea {
background : #FFF;
border : none;
width : 95%;
margin : .5em 0;
padding : 4px;
}
textarea:focus {
background : #fff;
}

Le voici...
Modifié par pankini (06 Jul 2010 - 10:34)