Calque avec position négative en bas de page

Question

Bonjour,

Je suis en train de créer une page  et j'aimerai que le contenu d'un des calques de la page :
1) soit toujours en bas de page 
2) déborde sur le pied de page

Connaitriez vous la syntaxe CSS à utiliser ?

Actuellement, cela ne fonctionne pas et j'utilise :

.toto {
  position: relative;
  z-index:4;
  float: bottom;
  text-align: center;
  width: 100%;
  height: 100%;
  bottom:-100;
  left:0;
}

Merci par avance de vos réponses.

avion-f16 · Answer

Mets "position:fixed" et "bottom:0px;"
http://ryan.rawswift.com/2009/02/15/fixed-that-bar-at-the-bottom-like-facebook/

JB_A · Answer

Merci de ta réponse.

Je viens de tester mais cela ne fonctionne pas :

-sous IE, aucun changement
- sous firefox, lorsque je scroll, l'image ne bouge pas mais le reste si.

Je ne cherche pas à avoir des éléments fixent. Si cela avait été le cas, j'aurais utilisé des frames ou des iframes.

En fait, j'aimerai que le div de l'image se crée automatiquement en bas de la page (que la calque s'adapte en fonction du contenu de celle-ci).

Cordialement

avion-f16 · Answer

"Si cela avait été le cas, j'aurais utilisé des frames ou des iframes."
Et tu aurais mal fait ! Les iframes sont obsolètes !

JB_A · Answer

Ah bon et par quoi cela a-t-il était remplacé ?

avion-f16 · Answer

À vrai dire, par rien.
Mais on peut faire des div qui une fois le height ou le max-height dépassé, on peut faire apparaître une scrollbar (overflow:auto)

Calque avec position négative en bas de page

5 réponses

Votre réponse

Discussions similaires

Newsletters