Discussion :

[lvr]

Bonjour,

Encore un problème de DIV !

J'ai 2 div: un content et un footer.

C
C
C
C
F
F

Si je décale le body d'un certain nombre de px pour qu'il ne colle pas le haut de la page, le footer ne suit pas, et je me retrouve avec le footer marchant sur mon content:
C
C
C
CF
F

Le footer est systématiquement postionné là où il l'aurait été si je n'avais pas décalé le content !

Mon css est:

Code :

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

1
2
3
4
5
6
7
8
9
 
#content {
position:relative;
top:70px;
}
#footer {
position:relative;
clear:both;
}

Voyez-vous ce qui ne va pas ?

[Candygirl]

Le footer est systématiquement postionné là où il l'aurait été si je n'avais pas décalé le content !

Encore heureux ! C'est le comportement normal d'un déplacement par le biais d'un positionnement relatif. Pour les autres éléments, l'élément reste dans le flux à sa place d'origine:

Une fois l'emplacement d'une boîte déterminé, conformément au flux normal ou flottant, cette boîte peut être déplacée relativement à cette position. C'est ce qu'on appelle le positionnement relatif. Le décalage d'une boîte (B1) de cette manière n'a pas d'influence sur la boîte (B2) qui la suit : la boîte B2 reçoit un emplacement comme si la boîte B1 n'avait pas été décalée, et l'emplacement de B2 sera resté le même après l'application du décalage sur B1. Ainsi, le positionnement relatif peut impliquer le chevauchement des boîtes.

dans ton cas peut-être pourrais-tu donner un margin-top de 70px à ton #content?

[lvr]

Tu n'es pas modératrice pour rien Sans fonctionne parfaitement avec ta solution. Merci.