Positionner et fixer une image.

Version imprimable

17/08/2006, 01h28
ox@na

Positionner et fixer une image.

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?:oops:
Merci d'avance!!!!

<img style="position: fixed; bottom: 0px" src="..." />
17/08/2006, 09h04
navis84

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. ;)
17/08/2006, 09h06
Shivaneth

Bonjour,

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

Shiv@

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

Code:

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

Code:

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 */
}

17/08/2006, 14h00
navis84

Oui, je comprends un peu mieux comment est organisé ton code. ;)

Essaie de mettre ceci dans #bas :

Code:

clear: both;
17/08/2006, 15h45
ox@na

Merci beaucoup à tous!!!!:lol:
ça marche !!!!
Ypa!! Ypa!!
17/08/2006, 15h53
navis84

Ravie de d'avoir pu t'aider ! :wink:
17/08/2006, 16h54
Candygirl

Citation:

Envoyé par navis84

Oui, je comprends un peu mieux comment est organisé ton code. ;)

Essaie de mettre ceci dans #bas :

Code:

clear: both;

Euh?! que vient faire un clear:both avec mon bout de code :question:
Je crois que tu m'as confondue avec l'auteur du poste non ? ;)
ou alors il me manque un bout de la discut... :roll:

Enfin, l'essentiel est que le problème de navis84 soit résolu :)
18/08/2006, 08h36
navis84

Ah oui j'ai confondu. :oops:
Désolée. ;)