J'ai un site Web et j'ai besoin d'une image centrée au bas de la page visible. Donc, dans n'importe quelle taille de l'écran, l'image sera toujours en bas et centrée.
3 Réponses :
Utilisation de PURE CSS Vous pouvez y parvenir dans tous les nouveaux navigateurs et pour iE6, vous pouvez utiliser position: absolu; au lieu de fixe. Cela positionne l'image au bas de la page mais, lorsque vous faites défiler, l'image défilera avec la page. Malheureusement, Position: fixe dans non pris en charge dans IE6.
Si position: fonctionne absolue, pourquoi prendre la peine d'utiliser la position: corrigé dans les nouveaux navigateurs?
@xandy: Correction est la position d'un objet par rapport à la fenêtre du navigateur. Absolu est la position d'un objet par rapport à son élément contenant
@shawn: J'ai vu votre code. essayez d'utiliser la classe ARR sur l'image à l'intérieur de la div et non sur la div
Pankaj Kumar, je mets le code: .arr {position: fixe; bas: 0px; à gauche: 50%; } Mais ce n'est toujours pas centré
@Shawn utilise un dil extérieur qui a inférieur: 0px; à gauche: 0px; droite: 0px; Text-Align: Centre et mettez l'image là-bas sans aucun CSS supplémentaire. Cela devrait le centrer.
Pankaj Kumar Je vois que le problème n'allait pas affirmer la largeur de l'image dans le centrage
Vous devez le mettre dans un div puis imaginer que votre image est de 500px de large:
Une ancienne question mais voici la meilleure solution que j'ai proposée. Placez l'image dans un conteneur DIV, la DIV est positionnée au bas de l'écran et l'image est centrée à l'intérieur. La DIV a une largeur de 100% de série de sorte que l'image peut être correctement centrée. Pour la marge Utilisation de : auto; Pour fonctionner L'image doit être affichée comme élément de tableau avec l'affichage : table; Affichage: Tableau; signifie que vous n'avez pas besoin de définir une largeur fixe sur l'élément que vous souhaitez centré.
Gauche 50% ne le met pas au centre de mon lien. test-zone-51.blogspot.com
Puisque vous êtes un nouvel utilisateur ici, veuillez sélectionner la meilleure réponse pour un problème comme réponse acceptée lorsque votre problème est résolu.Il aide à pointer les autres à la solution qui a fonctionné pour vous et donne la réputation au répondeur.