Probléme position: fixed;

**lexus7814** · 08/05/2012, 19h31

Bonjour,

J'ai une petite question à propos de la propriété css position:fixed;
Je m'explique dans mon <body> j'ai un bloc à qui j'ai appliqué cette propriétée pour qu'il défile en même temps qu'on descend dans la page je voulais savoir si il était possible de le bloquer à une certain niveau de la page pour pas que ce bloc se superpose sur mon footer.

Merci

**Muchos** · 08/05/2012, 23h54

Très simple:

Soit tu fixes ta boîte fixed à hauteur de ton footer. Ex:

Code css :

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

1
2
3
 
div {position: fixed; bottom: 9em; right: 2em;}
footer {position: relative; height: 8em;}

Soit tu fais disparaître la boite fixed si elle chevauche le footer. Ex:

Code css :

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

1
2
3
 
div {position: fixed; z-index: 1;}
footer {position: relative; z-index: 2;}

Probléme position: fixed;

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager