Css pas pris en compte pour le footer

Bonjour,

J'ai un site internet (fait avec un cms), donc je dois tout réécrire en xhtml...

Je viens de créer un footer mais rien n’apparaît mise à a part le texte et quand je fais inspecter l’élément dans google chrome, je vois que mon code css n'est pas pris en compte. Il y a seulement la balise body qui est présente.

Comment cela ce fait? j'ai oublier une balise quelque part?

Voici le code de mon footer :

<div id="footer">
		<div class="pow">
			<ul>
				<li>*****</li>
				<li><a href="http://" title="Qui somme nous">Qui sommes nous</a></li>
                <li><a href="http://" title="Contactez nous">Contactez nous</a></li>
				<li><a href="http://" title="Service Client">Service Client</a></li>
                <li><a href="/">Publicité</a></li>
			</ul>
			<ul>
				<li>Site</li>
				<li><a href="</a></li>
			</ul>
		</div>
		<div class="col">
			<ul>
				<li>Aide</li>
				<li><a href="http://" title="Aide en ligne">Aide</a></li>
				<li><a href="http://" title="Plan du site">Plan du site</a></li>		
			</ul>
            			<ul>
				<li>Extras</li>
				<li><a href="http://" title="Affiliation">Affiliation eWatoo</a></li>
				<li><a href="http://" title="Forums">Forums de discussion</a></li>
			</ul>
		</div>
		<div class="col">
			<ul>
				<li>Légal</li>
				<li><a href="http://" title="Conditions d'utilisation">Conditions</a></li>
                <li><a href="http://" title="Notice légale">Notice légale</a></li>
                <li><a href="http://" title="Vie privée">Vie privée</a></li>
                <li><a href="http://" title="Objets interdits à la vente">Objets interdits</a></li>
				<li><a href="http://" title="Sécurité">Sécurité</a></li>
               
			</ul>

		</div>
		<div class="pow_avant"><ul><li>News</li><li><span>22.10. </span> <a title="News" target="_blank" href="http://">blablablabla</a></li>
        </ul></div>

Et le code css:

#footer {
background-color : #f5f5f5;
clear: both;
margin: 10px 0px;
padding: 20px;
position: relative;
width: 1056px;
z-index: 1;
}

#footer ul {
line-height : 18px;
margin : 0 0 15px 0;
}
#footer div.pow {
border-right : 1px solid #dddddd;
float : left;
margin : 0 10px 0 0;
position : relative;
width : 18.5%;
height : 200px;
}
#footer span {
font-size : 11px;
font-weight : normal;
width : 50px;
float : left;
display : block;
}

#footer ul li {
font-weight : bold;
font-size : 14px;
color : #999;
line-height : 15px;
}
#footer ul li a {
font-size : 11px;
font-weight : normal;
}
#footer div.pow_avant {
float : left;
margin : 0 10px 0 0;
position : relative;
width : 39%;
font-size : 11px;
font-weight : bold;
}
#footer div.pow_avant a {
width : 300px;
display : inline-block;
}

Merci à vous

Je ne peux pas éditer, j'ai oublier de citer une dernière "</div>" a la fin. désolé. Mais cela n'est pas l’erreur

Bonsoir,

c'est peut être la page qui ne charge pas ton fichier css, ce serait plus facile de pouvoir constater ton problème en ligne.

Salut,

il semblerait que ton footer ne contiennent que des éléments flottants donc en l'absence de propriété 'height' celle ci sera par défaut 0' il faut alors spécifier un height ou indiquer le comportement overflow de #footer

Tentes d'ajouter

overflow : hidden

avec les propriétés de ton #footer et ça devrait faire avancer ton problème

pour le reste a moins d'avoir une URL c'est compliqué de se rendre compte
Modifié par skywalk3r (27 Oct 2010 - 13:02)