Discussion :

[niavlys26]

Bonjour.
J'ai un petit soucis : J'ai un block <div> dans lequel se trouvent deux autres blocks <div>. L'un avec une position absolute (le "contenu") et l'autre avec un float:right dans lequel se situera un menu (à droite donc ).
Jusqu'ici tout va bien.
Je veux maintenant ajouter un block "pied de page". J'applique alors à ce block la propriété clear:both pour pas qu'il chevauche mon menu.
Je vous balance le code qui en dira plus que ces explications :

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
21
22
23
24
25
26
27
div#corps {
margin-left: auto; 
margin-right: auto; 
width:849px; /*Ne me demandez pas pourquoi 849, c'est par rapport à une image en en-tête*/
vertical-align:top;
}
 
	div#contenu {
	position:absolute;
	margin-right:10px;
	width:639px;
	vertical-align:top;
	}
 
	div#menu {
	float:right;
	width:200px;
	vertical-align:top;
	}
 
div#pied_de_page {
clear:both;
/* margin-top:10px; NE MARCHE PAS (par rapport au menu) !!!*/
margin-left: auto; 
margin-right: auto; 
width:829px;
}

Vous avez peut-être saisi le problème à la fin du code, lorsque je mets margin-top:10px; je suppose que la marge s'applique entre div#corps et div#pied_de_page mais mon block pied de page reste collé au menu si ce dernier est plus "long" que le contenu.
J'ai bidouillé ceci pour contourner mais je trouve que c'est pas "propre" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
div#pied_de_page p.copyright {
position:absolute;
display:block;
margin-top:10px;
width:829px;
}

Je suis maniaque et c'est pour ça que je vous sollicite : pour savoir s'il n'y pas une solution plus simple est claire

[niavlys26]

Je suis le roi des c0ns
Je viens de trouver la réponse moi-même en me replongeant dans le code...
Si ça peut aider quelqu'un dans une situation similaire il me suffisait d'appliquer la propriété margin-bottom au menu ; sinon désolé d'avoir "pollué" le forum