Bonjour à tous et à toutes,
J'ai un problème avec un autre site Internet (sur WordPress cette fois-ci) que je développe en local.
J'ai un footer qui est (plutôt) bien positionné sur mon écran.
J'ai voulu voir s'il l'était toujours sur une petite résolution d'écran (320x480).
Evidemment, ça n'était plus le cas. Il était au milieux (verticalement) au lieu d'être en bas.
Heureusement, il y a une "section" Responsive dans la feuille de style du thème. J'ai donc modifié le margin du footer à cet endroit, en mettant d'abord des % au lieu des px (en espérant que ça fonctionne sur d'autres résolutions)...
Voilà ce que ça donne :
Bon, comme c'était (maintenant) bien positionné en résolution 320x480, j'ai voulu voir sur d'autres résolutions (360x640 768x1024 800x1280...)...
Ah bah, j'ai vu... Plus la résolution augmente, plus mon Footer est haut sur la page
En affichage Paysage, ça marche relativement bien mais en affichage Portrait, c'est la cata.
Comment faire pour que mon Margin prenne en compte de la hauteur de mon écran (quelle que soit la résolution et je dirais même l'orientation) ?
Pourquoi ça ne fonctionne pas quand je mets ma valeur de margin en % (pas plus qu'en auto d'ailleurs, il me semble) ?
Sur un autre forum, un utilisateur faisait des calculs savants pour adapter (entre autre) ses valeurs margin par rapport à l'écran. On ne pourrait pas faire la même chose ici ?
D'avance merci pour votre réponse.
Bonne journée à vous Smiley cligne
P.S : 2 précisions : certains (puristes) pourraient dire que comme je mets
je pourrais très bien mettre simplement
c'est pas faux, sauf que j'ai testé et ça me décale (légèrement) mon footer vers la droite (l'alignement par défaut de mon footer).
De plus, j'ai essayé avec l'unité rem et em à la place de %, mais j'ai le même effet.
J'ai un problème avec un autre site Internet (sur WordPress cette fois-ci) que je développe en local.
J'ai un footer qui est (plutôt) bien positionné sur mon écran.
J'ai voulu voir s'il l'était toujours sur une petite résolution d'écran (320x480).
Evidemment, ça n'était plus le cas. Il était au milieux (verticalement) au lieu d'être en bas.
Heureusement, il y a une "section" Responsive dans la feuille de style du thème. J'ai donc modifié le margin du footer à cet endroit, en mettant d'abord des % au lieu des px (en espérant que ça fonctionne sur d'autres résolutions)...
Voilà ce que ça donne :
footer {
width: 100%;
left: 0px !important;
padding: 20px 0px 20px 0px;
margin: 48% 0px 0px 0px;
background: rgba(0,0,0,0.8);
text-align: center;
}Bon, comme c'était (maintenant) bien positionné en résolution 320x480, j'ai voulu voir sur d'autres résolutions (360x640 768x1024 800x1280...)...
Ah bah, j'ai vu... Plus la résolution augmente, plus mon Footer est haut sur la page
En affichage Paysage, ça marche relativement bien mais en affichage Portrait, c'est la cata.
Comment faire pour que mon Margin prenne en compte de la hauteur de mon écran (quelle que soit la résolution et je dirais même l'orientation) ?
Pourquoi ça ne fonctionne pas quand je mets ma valeur de margin en % (pas plus qu'en auto d'ailleurs, il me semble) ?
Sur un autre forum, un utilisateur faisait des calculs savants pour adapter (entre autre) ses valeurs margin par rapport à l'écran. On ne pourrait pas faire la même chose ici ?
D'avance merci pour votre réponse.
Bonne journée à vous Smiley cligne
P.S : 2 précisions : certains (puristes) pourraient dire que comme je mets
margin: 48% 0px 0px 0px;je pourrais très bien mettre simplement
margin-top: 48%;c'est pas faux, sauf que j'ai testé et ça me décale (légèrement) mon footer vers la droite (l'alignement par défaut de mon footer).
De plus, j'ai essayé avec l'unité rem et em à la place de %, mais j'ai le même effet.