Incompatibilités IE
Salut tout le monde,
comme d'habitude, IE me pose encore de nombreux problèmes de compatibilité avec les CSS.

Comme vous pouvez le voir là, sous firefox le menu est bien aligné et tout le site centré, mais sous IE le menu est aligné comme un escalier et le site complètement décallé sur la gauche.

Des idées ?

Je n'arrive pas à ajouter mes images dans le Li, il me faut obligatoirement le texte du lien, et même avec ça l'image ne prend pas toute sa taille.

Je crois que le span pour le texte c'est la meilleur solution.
Enfin, c'est ce que recommande Openweb.

Text-indent, je ne connais pas du tout, mais quand il commence à y avoir des valeurs comme -5000, je me méfie.

Bon, j'ai réussi à réaligner tous les boutons sur la même ligne avec firefox tout simplement en mettant la bonne valeur à mon width.

Par contre, ce que je ne comprend pas c'est que sous IE, le dernier bouton reste toujours en dessous -_^

Pour ce qui est de l'alignement des boutons, ils sont bien réaligné par rapport à la barre du haut, j'ai du mettre 2 padding différent en fonction du navigateur :

padding: 0 0 0 19px !important;
padding: 0;

Il me reste toujours deux problèmes :

1) le dernier bouton sous IE qui par en dessous
2) le background qui se superpose à la barre du haut comme vous pouvez le voir

Voilà, j'ai mis la CSS à jour pour voir ce que ça donne.

1) IE ne gère pas les tailles comme le fait Firefox... Du coup c'est le même problème que tu avais pour FF, la largeur totale (width, margin, padding) est tros grande pour que tout soit affiché sur une même ligne. Regarde du coté de '!important', qui te permettra de spécifier des valeurs différentes pour chacun des 2 cas.

2) Je passe la main. :/

1) Vérifies bien les tailles de tes éléments ainsi que leurs margin et padding.

2) Je dirais que le background ne devrait pas être attribué à #corps mais à #contenu.

Bon, effectivement j'avais oublié que IE gérait différemment les tailles que FF...
Donc ça c'est résolu, même si je ne suis pas sûr que le nombre de pixels soit bon, c'est en tout cas aligné avec un padding différent que celui de FF.

Pour ce qui est du background dans le bloc contenu, c'est pas trop possible car du coup la barre de lien ne profite pas du background.

Benh t'as pas mis le background avec les bords arrondis sur la barre de liens oO

Ma barre des liens est séparé en deux parties bien distinctes : le barre du haut, et les boutons.

Benh c'est pas d'ma faute hein !

Je n'arrive pas à trouver le lien dans Openweb sur cette technique du span, tu l'as trouvé où ? Parce que je ne vois pas pourquoi c'est mieux que la technique d'un float left et d'un display block ?? Parce que si un text-indent ce n'est pas très sémantique, à mon humble avis, un span tout seul juste pour un display none, ça l'est encore moins !

Tiens Sylvadoc, regarde sur cette page vers la moitié.

Sinon, j'ai pour l'instant résolu tous mes problèmes (page web à jour) excepté le hack pour IE.