Page qui passe sur le header et non en dessous ;(

Résolu/Fermé
Utilisateur anonyme - 19 sept. 2015 à 22:36
Rhydan1 Messages postés 382 Date d'inscription jeudi 3 juillet 2014 Statut Membre Dernière intervention 2 avril 2017 - 20 sept. 2015 à 13:46
Salut, pour mon site je voudrais que quand on descend la page le menu des navigation et le titre du site reste en haut, alors pour ça j'ai mis le header en position: fixed, comme ça il bouge pas quand je fait défiler ma page mais le problème c'est que le reste de ma page viens découvrir mon leader, comment faire pour que le reste de ma page reste sous le header, j'ai essayé de descendre le body avec margin-bottom: mais de un je ne sais même pas si cette balise existe et de deux ça à pas marché ;( alors comment faire pour que mon body passe sous mon header et pas l'inverse

2 réponses

Rhydan1 Messages postés 382 Date d'inscription jeudi 3 juillet 2014 Statut Membre Dernière intervention 2 avril 2017 70
19 sept. 2015 à 22:58
Bonsoir, pour cela il faut jouer avec les attributs CSS "z-index".
Il faut donner au header (par exemple) un z-index: 2; et au body z-index: 1;
Et ça devrait marcher ! ;)

--
0
Utilisateur anonyme
19 sept. 2015 à 23:01
z-index: ? je connais pas cette balise tu peux me dire à quoi elle sert stp ? plus j'en sais mieux je me porte :)
0
Rhydan1 Messages postés 382 Date d'inscription jeudi 3 juillet 2014 Statut Membre Dernière intervention 2 avril 2017 70
19 sept. 2015 à 23:02
Comme je l'ai dis, z-index n'est pas une balise mais un attribut CSS.
En fait il gère simplement les "niveau de hauteur" des div, leur superposition.
Plus le z-index est haut plus la div en question dominera sur les autres

--
0
Utilisateur anonyme
19 sept. 2015 à 23:49
Pour moi Balaise = Attribus ^^ j'me comprend et sinon merci pour l'info j'essaie demain ! Là je go bed :)
0
Utilisateur anonyme
20 sept. 2015 à 13:00
ça marche merci
0
Rhydan1 Messages postés 382 Date d'inscription jeudi 3 juillet 2014 Statut Membre Dernière intervention 2 avril 2017 70
20 sept. 2015 à 13:46
De rien ;)
0