Problème footer

Résolu
Bonjour à tous,
je vous explique mon problème, je suis en train de coder un designe et j'ai un problème avec le footer il ne veut pas se place correctement ! regarder https://www.casimages.com/i/090225010143290280.png.html

mon code css:

		#footer {
	    clear: both;
	    background: url(img/footer.png) no-repeat;
	    height: 70px;
		width:871px;
	    text-align:center;
        }
Configuration: Windows XP
Firefox 3.0.6

14 réponses

  1. non, désoler. olympe-network et ferme pour le moment donc je ne peu pas
    1. Contributeur
      est-ce que c'est la boite qui est mal alignée ou ton image d'arrière-plan ?
      1. Contributeur
        la boite c'est l'emplacement où est dessinée la balise dans le navigateur.
        par exemple la balise qui contient ce texte est un <p>, quand tu lis ce texte tu vois la boite qui le représente parce que l'arrière-plan est bleuté et qu'il y a une bordure.

        si je te demandais c'est parce que comme tu utilises un arrière plan c'est peut être lui qu'il faut décaler dans la boite plutôt que bouger la boite elle-même.

        est-ce-que ton footer est contenu dans une autre balise (genre <div id="wrapper">) ?
        si oui quelles sont les règles de styles qui lui sont appliquées ?
        1. désoler on me l'avais jamais dit comme sa avant lol.
          <center id="footer"><img src="img/footer.png" /></center>
          1. Contributeur
            commence par le remplacer par :
            <div id="footer"><p>blablabla</p></div>
            et en CSS :
            div#footer{
            	background-image:url(img/footer.png);
            	background-repeat:no-repeat;
            	background-position:0 0;
            	text-align:center;
            	clear: both;
            	height: 70px;
            	width:871px
            }

            ce sera déjà plus propre !

            et montre-nous ce que ça donne, stp.
            1. Contributeur
              salut,

              et comment as-tu fait ?
              il ne doit maquer que de centrer le <div> avec {margin:0 auto;}.