Voila j'ai un petit problème sous IE. Je suis en train de faire un design et j'en suis arrivé au codage, seulement j'ai pris le souci d'avoir un design identique ou presque sous les différents navigateurs.

Et c'est là que ça fait mal, sous FireFox, tous mes éléments sont bien alignés, tandis que sous IE, le footer est décalé du reste ...

Voila une capture :

Et pourtant voila le bout de code du footer :



Ce que je ne comprend pas c'est que le footer est compris dans un div global, qui normalement devrait contenir les éléments et les aligner mais pas dans ce cas ...

Lut

Utilise !important pour modifier l'affichage sous IE sans modifier l'affichage sous Firefox (si tu ne sais pas ce que c'est, regarde dans les tuto, dans la catégorie xHTML)

footer{
clear: both;
background: #333 url(img/footer.jpg) no-repeat center top;
height: 160px;
text-align: center;
color: #000;
margin: 0;
}
footer a{
ou est l'utilite de margin-left.
tu as text-align: center;
}

Merci hawks, maintenant c'est bien aligné ! Tu m'as fait découvrir un trcu qui fait des miracles !

Question perso, IE7 il reconnaitra l' !important ?

@Jp949 : en bas à gauche de mon footer, j'ai des tâches, et je voulais centrer le les droits sur la partie droite, voila la raison du margin (maintenant un padding) et le text-align c'est pour avoir un texte centré. Donc je cherchais à avoir un zone délimitée avec un texte centré voila tout !

IE 7 ne'interprete pas l'important

Merci pour l'info jp949

Merci pour l'info, on pourra encore abuser de quelques défauts d'IE alors

ça fait plaisir !

Encore merci à toi Hawks ! j'irai voir plus souvent dans les tutos non officiels