[HTML et/ou CSS] Image footer Résolu

Question

Bonjour à toutes et à tous, je vous expose mon problème :

J'aimerais créer un petit site et je souhaiterais mettre un footer qui reste fixe en bas de la page (Voilà le footer : http://image.noelshack.com/fichiers/2014/43/1413798459-footer.png J'ai pris le soin de détourer tout le footer et j'aimerais vraiment le mettre après tout se travail. Mais lorsque je mets le footer n'est sois pas coller en bas du site, soit il est déformé (écraser vers le sol, tout serré à gauche ou à droite). Je tente en vain depuis ce matin et j'espère que vous trouverez une solution. Merci d'avance pour votre aide :)

Configuration: Windows / Firefox 33.0

Kaldoran · Accepted Answer

Salut,

Voici une solution qui devrait marcher :

<div id="footer"></div>

#footer { 
    position: fixed; /* On absolute a toi de voir */
    bottom: 0px;
    height: Xpx;    /**hauteur de ton image */
    width : Xpx;    /** Largeur de ton image */
    background-image:url(lienverstonmage.png);
}

animostab · Answer

Salut

avec css

footer {
position:fixed;
bottom:0;
left:0;
width: 100%; (ou la largeur que tu veux en px)
height:(le height de ton png en px); 
background:  url(image_de_fond.png) no-repeat center center;
}
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.

animostab · Answer

ce n'est pas #id mais #footer qu'il faut mettre dans le css

Kaldoran · Answer

Oui pardon en effet,
j'étais pas concentré sur ce que je faisait ;)
merci pour la remarque ^^

BrinDeNuage · Answer

Parfait merci d'avoir pris le temps de me répondre :)

[HTML et/ou CSS] Image footer

5 réponses

Votre réponse

Discussions similaires