Footer toujours en bas de page

oren010

3 May 2017 à 15:21

Bonjour, merci de votre soutien....

Je n'arrive pas laisser le footer en bas de page, je ne veux pas que cela soit un sticky mais juste que il soit en bas de page meme si la page est longue, sur quelques pages, par exemple la page panier ou il ny a pas de produits... toutes c'est page courte...

Vous pouvez aller voir le site: test.medical-beaute.com

Je veux juste le footer ou il y a les liens classiques type Mon compte, news et contact....

Merci sincerement par avance

Oren

JENCAL

3 May 2017 à 18:12

Hello,
A adapter, mais c'est une solution https://codepen.io/cbracco/pen/zekgx

oren010

4 May 2017 à 10:59

Merci de votre reponse mais avec toutes les tentatives d'adapatation, rien ne fonctionne...
Vous avez une autre idee peut etre ?
Cordialement

SolidSnake

4 May 2017 à 12:41

Bonjour,

Avec flexbox, tu peux faire assez facilement :

<body>
  <main>...</main>
  <footer>...</footer>
</body>

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
main { flex: 1; }

Ici un codepen : https://codepen.io/anon/pen/YVxBNV

~~supprimé~~

4 May 2017 à 12:53

SolidSnake a écrit :
Bonjour,

Avec flexbox, tu peux faire assez facilement :
&lt;body&gt;
  &lt;main&gt;...&lt;/main&gt;
  &lt;footer&gt;...&lt;/footer&gt;
&lt;/body&gt;
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
main { flex: 1; }
Ici un codepen : https://codepen.io/anon/pen/YVxBNV

Qui correspond au tutoriel de 2015 de Philip Walton (en anglais) Smiley langue

SolidSnake

5 May 2017 à 07:35

Greg_Lumiere a écrit :
Qui correspond au tutoriel de 2015 de Philip Walton (en anglais)

Cela ne m'étonnerait pas que je l'avais repompé là-dessus à l'époque Smiley biggrin

gcyrillus

Modérateur

6 May 2017 à 00:51

SolidSnake a écrit :

Cela ne m'étonnerait pas que je l'avais repompé là-dessus à l'époque

Il n'y a pas 50 façon de faire non plus avec flex Smiley cligne

CSS et mise en forme, CSS3

Footer toujours en bas de page