Problème positionnement footer version mobile

dilakk Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   -  
dilakk Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai un problème sur la version mobile de mon site. Par exemple sur cette page http://opihunter.com/registration.php le footer remonte et chevauche mes blocs lorsqu'on clique sur une zone de texte.

J'ai cherché partout sans résultat.

voici le code de mon footer: 

 


footer
{
    width: 100%;
    height:60px;
    border: 1px black inset;
    background-color: rgb(249, 255, 250) ;
    position: absolute;
    bottom:0;      
}

A voir également:

1 réponse

Réponse 1 / 1
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223
 
'lut, c'est la faute à ton 
.registration_form
que tu as mis en 
position: absolute
, ça le fait sortir de la mise en page standard de la page et tu te vois obligé de créer artificiellement l'occupation horizontale avec la règle 
min-height: 100%;
de ton 
#container
, ce qui fait que l'emplacement de ton footer n'est pas bon et repasse certains champs.
Il faut donc ré-inclure ton formulaire dans le flux de la page en le retirant de son positionnement absolu ainsi que ses coordonnées manuelles, en le mettant en 
display: inline-block
et attribuant 
text-align: center;
à son parent, 
#body
pour le centrer.
2
dilakk Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
Salut,

Merci pour ta réponse. Mais je n'obtiens pas le résultat souhaité. Le "registration_form" se retrouve dans le coin en haut à droite
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223
 
Ma démarche: (ça marche chez moi si j'utilise l'inspecteur d'objet de FF et modifie les styles): 
.registration_form
  /* À enlever de ta feuille de style générale ET responsive! */
  - position: absolute;
  - top: 5%;
  - right: 33%;
  + display: inline-block;
#body
  + text-align: center;
Soit dit en passant le style et l'organisation des balises HTML actuel est... heu... mauvaise.
0
dilakk Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
Ca marche ! Merci !

Que me conseille tu pour mes balises HTML ?
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223 > dilakk Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
La redondance <body>/élément nommé "body", le container qui est peut-être en trop...
0
dilakk Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
Okok je vois à peu près. Merci
0

Discussions similaires

Coco Chat : nouveau lien !
LoupiotteDesTenebres -
brucine -

9 réponses