Bonjour tout le monde,
Je me trouve confrontée à un problème étrange et je voudrais savoir si d'autre que moi ont déjà eu ca.
Je fais une mise en page de hauteur 100% qui ressemble beaucoup à celle décrite dans le tutroriel sur la mise en page complète avec 2 colonnes.
J'ai, comme dans le tutoriel, un footer qui, comme son nom l'indique est en pied de page.
Je le positionne en absolu par rapport au conteneur général et comme il a une hauteur fixe, je décale le contenu du site avec un padding-bottom de 55px pour éviter qu'il chevauche le footer.
Tout ca semble ne poser aucun problème. D'ailleurs sur Firefox, tout marche très bien. Sur i6, il faut adapter le min-height en height; mais à part ca, ca marche.
Le problème vient de ie7 et vous pouvez en regarder la jolie illustration sur cette page:
www1.in1solutions.com/Rathsallagh/location.html
Vous aurez remarquer que le footer se place à peu près au milieu de la page... Le plus étrange c'est que si on recharge la page en actualisant, il retroune à sa bonne petite place de bas de page. Le problème se retrouve aussi sur la page Links et Rates.
en transformant mon padding-bottom en margin-bottom, j'ai l'impression que ca regle le problème, cependant ca ne marche plus sur firefox. Quand je met les deux, ca ne change rien sur Firefox (ca marche), et ca marche sur ie7 sauf quand on recharge, ou dans ce cas ca pousse trop le footer vers le bas...
Si je n'ai pas d'autres solutions, je vais peut être ajouter une corection pour ie7 pour changer le padding en margin, mais j'aimerai savoir si vous avez une explicatione et peut-être une solution...
Merci Beaucoup
Modifié par yahrou (06 Mar 2007 - 10:35)
Je me trouve confrontée à un problème étrange et je voudrais savoir si d'autre que moi ont déjà eu ca.
Je fais une mise en page de hauteur 100% qui ressemble beaucoup à celle décrite dans le tutroriel sur la mise en page complète avec 2 colonnes.
J'ai, comme dans le tutoriel, un footer qui, comme son nom l'indique est en pied de page.
Je le positionne en absolu par rapport au conteneur général et comme il a une hauteur fixe, je décale le contenu du site avec un padding-bottom de 55px pour éviter qu'il chevauche le footer.
Tout ca semble ne poser aucun problème. D'ailleurs sur Firefox, tout marche très bien. Sur i6, il faut adapter le min-height en height; mais à part ca, ca marche.
Le problème vient de ie7 et vous pouvez en regarder la jolie illustration sur cette page:
www1.in1solutions.com/Rathsallagh/location.html
Vous aurez remarquer que le footer se place à peu près au milieu de la page... Le plus étrange c'est que si on recharge la page en actualisant, il retroune à sa bonne petite place de bas de page. Le problème se retrouve aussi sur la page Links et Rates.
en transformant mon padding-bottom en margin-bottom, j'ai l'impression que ca regle le problème, cependant ca ne marche plus sur firefox. Quand je met les deux, ca ne change rien sur Firefox (ca marche), et ca marche sur ie7 sauf quand on recharge, ou dans ce cas ca pousse trop le footer vers le bas...
Si je n'ai pas d'autres solutions, je vais peut être ajouter une corection pour ie7 pour changer le padding en margin, mais j'aimerai savoir si vous avez une explicatione et peut-être une solution...
Merci Beaucoup
Modifié par yahrou (06 Mar 2007 - 10:35)