Discussion :

[sky88]

Bonsoir à tous
en attaché j'ai postulé deux pages du site que je veux construire
J'ai un problème au niveau du Footer
quand je le mets en position fixe en bas de page et dans le cas où la page contient plusieurs input j'aurais un chevauchement entre les DIV et je veux le positionner en bas de pageSite Web.zip

Merci d'avance

[nadfri2019]

Salut, tu as mis un z-index à ton footer afin qu'il s'affiche au-dessus du reste?

[sky88]

merci pour votre réponse, mais dans quel fichier où je peut trouver la propriété z-index

[nadfri2019]

A l'endroit ou tu as mis position: fixed pour ton footer.

z-index ne marche qu'avec des elements ayant la position (relative, absolute, fixed)

[sky88]

STP, peux tu me dire dans quel fichier je peux trouver le z-index

[ProgElecT]

Salut

z-index est un paramètre <style>.
Donc il peut être directement dans le code HTML style="zindex:1") entre des balises <style> </style>, dans un fichier externe .CSS , dans ce cas il est appelé dans le code HTML<link rel="stylesheet" href="MonFichierStyle.css"> ou encore modifié dans une partie de code JavaScript.

[sky88]

Moi j'ai pensé que tu as trouvé ce paramètre dans mon fichier css c'est pour ça je t'ai demandé où?? mais j'ai vérifié la classe footer, elle n'a pas le z-index

[nadfri2019]

Essai dans le fichier style.css

Au niveau du footer (#footer) ajoute cela, apres tu modifies à ta guise:

Code :

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

1
2
3
4
5
6
#footer{
  position: fixed;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

[sky88]

merci à vous j'ai ajouté votre proposition dans mon style mais quand j'ai essayé de réduire la taille de la fenêtre pour passer en mode mobile le footer prend toutes la page et le contenu de ma page se cache derrière le footer