Bonjour

Je rencontre quelques soucis dans le positionnement de div. Je possède un foot et à l'intérieur deux div, footer-menu et footer-copyright. Voir l'exemple.

Avec le CSS suivant:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.footer {
            background-color:red;
            padding-bottom:10px;
	    padding-top:10px;
	    padding-left:10px;
	    padding-right:10px;
}
 
#footer-menu {
            background-color:green;
            width:25%;
}
#footer-copyright {
            background-color:yellow;
            width:25%;
}
Le code HTML est le suivant:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<div id="footer-menu">Footer menu</div>
<div id="footer-copyright">Footer copyright</div>
Je souhaite obtenir ce résultat. Voir l'exemple.

Pour cela, je modifie mon code CSS comme suit:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.footer {
            background-color:red;
            padding-bottom:10px;
	    padding-top:10px;
	    padding-left:10px;
	    padding-right:10px;
}

#footer-menu {
            background-color:green;
            width:25%;
            position:relative;
            float:left;
}
#footer-copyright {
            background-color:yellow;
            width:25%;
            position:relative;
            float:right;
}
J'obtiens toujours le même résultat. Voici l'exemple. Le module foot est mangé

Avez-vous une petite idée s'il vous plaît ?

Merci d'avance