Positionner et fixer une image.

**ox@na** · 17/08/2006, 01h28

Bonjour!
Je n'arive pas a placer mon image en bas de ma page(de mon site) ou navigateur et la fixer, je veux voir cette image chaque fois quand je change de page. Et quand je met ce code il aparait tout de suite après mon texte et non pas en bas.
Je suis débutante, qq pourait-il m'aider?

Merci d'avance!!!!

<img style="position: fixed; bottom: 0px" src="..." />

**navis84** · 17/08/2006, 09h04

Bonjour,

il nous faudrait plus de code pour pouvoir trouver l'erreur. Par contre, tu aurais plus de réponses dans la section HTML / CSS.

Aussi, une petite astuce : mets ce code dans un fichier à part que tu peux inclure avec la fonction include(). Tu pourras ainsi intégrer ton pied de page dynamiquement comme ça, si tu le changes dans ce fichier, il se changera automatiquement dans tous.

**Shivaneth** · 17/08/2006, 09h06

Bonjour,

pour positionner une image sur ta page avec le CSS, utilise plutôt la propriété absolute au lieu de fixed.

Shiv@

**Candygirl** · 17/08/2006, 12h20

Est-ce que ce petit exemple correspond à ce que tu souhaites ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<body>
  <div id="main">
    <img src="image.gif" alt=" " width="119" height="24" id="bas" />
  </div>
</body>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
* {margin:0;padding:0;}  /* annule les marges et padding par défaut des navigateurs */
 
html,body {height:100%;} /* pour que le html et le body decendent jusqu'au bas de la fenêtre */
 
#main {min-height:100%;  /* fixe la hauteur du contenu au minmum de la hauteur de la fenêtre */
height:auto !important;  /* pour faire appliquer un min-height à IE */
height:100%;             /* pour faire appliquer un min-height à IE */
position:relative;       /* Pour que ce conteneur serve de référence à la position absolue de l'image */
}
 
#bas {position:absolute; /* positionne l'image raport au main */
bottom 0;           /* on la place tout en bas */
}