[Resolu] Catastrophe sous IE

Bonsoir,

Ouh que ca m'enerve tous ces navigateurs !!

Regarder le resultat sous Firefox.

Sous-IE le menu apparait avec une marge gauche, j'ai regarder la faq, j'ai testé ce qui était indiqué avec *, mais ca ne marche pas.
Modifié par kouiny (25 Nov 2006 - 14:22)

1er problème : sous firefox 2 le div .new passe en dessous du bloc bloc #new. Je voudrais qu'il sois aligner horizontalement comme sous IE7. Une idée ?

2eme probleme : le menu (#menu) se positionne à droite de mon backround. Je voudrais qu'il soit centrer et qu'il ne se colle pas au bloc .new Une idée ?

3ème probleme : je n'arrive pas à centrer verticalement et horizontalement mon lien dans l'image contact (#contact). La fonction vertical-align ne fonctionne pas, ni text-align. Une idée ?

Bonsoir...

J'ai un peu de mal à comprendre pourquoi tu utilises IE comme base de référence.
Tu fais appel à un certain nombre de moyens détournés compris seulement par IE pour arriver à tes fins (par exemple : zoom1;).
Du coup, forcément, tu n'obtiens pas le résultat escompté sur les navigateurs standards qui n'interprêtent pas ces instructions comme tu le souhaiterais.

Ne serait-il pas plus simple pour toi de coder ton site en te basant sur FF ou NS, puis de réparer au coup par coup les problèmes d'IE avec les rustines adaptées ?

Ca doit etre l'habitude d'utiliser IE.

Je viens d'utiliser zoom: 1; utiliser dans la div news, mais rien à faire sous firefox.

Mon gros problème est le menu, j'arrive pas à le bouger, il est coincé à droite, comment le remettre centrer à son backround ?
Modifié par kouiny (25 Nov 2006 - 01:17)

Cygnus a écrit :
Ne serait-il pas plus simple pour toi de coder ton site en te basant sur FF ou NS, puis de réparer au coup par coup les problèmes d'IE avec les rustines adaptées ?

Tu veux dire en se basant sur Firefox ET Opera.

Oui maintenant je me base sur Firefox 2. J'ai régler mon problème de menu.

- C'est étrange dés que je met un padding-left supérieur à 10px sur la class newletter, mon bloc météo descend en dessous. Pourtant j'ai de la marge.

- Pourquoi le menu ne s'aligne pas avec le bloc news, le menu descend plus bas, une impression d'une petite marge, une soluce svp ?
Modifié par kouiny (25 Nov 2006 - 14:23)

Pour le 3ème problème (le centrage du lien dans l'arrière plan), j'ai utilisé la méthode suivante :

text-align: center;
padding-top: 8px;

Ca marche, mais est-ce que j'ai utilisé la bonne méthode ?

J'ai tout fait je passe des heures devant l'ordi, j'ai d'étrange problème que je n'arrive pas à résoudre.

1) Marge invisible entre .newletter et .meteo2, dés que j'augmente le padding-left de plus de 10px, .meteo2 passe en-dessous, comment expliqué celà ?

2) Le menu #menu à 2 problèmes le 1er sous-firefox, il ne s'alligne pas avec son copain .news, un espace ou marge hauteur et le deuxième le plus critique est sous IE j'ai l'impression qu'il y a une double marge, j'ai voulu utiliser display: inline; sans effet, le problème doit venir d'ailleur ?

J'ai put corriger quelques soucis, grace à la FAQ merci alsa, j'ai appliqué des borders à mes blocs, j'ai put corriger des widths pour les espaces que je ne voyais pas, mais étrange ça ne suis pas les dimensions de l'arrière plan.

J'ai toujours le problème du menu sous IE qui ne prend pas le padding-left, pourtant j'ai bien sspécifier le margin 0 comme spécifier dans la faq pour les listes mais celà ne ma rien arrangé.

Une idée ?

Problème Résolut, grace au topique de "thio valone" et à l'info proposé de "gcyrillus" d'ajouter dans la div :

 display:inline-block;

Merci gcyrillus !!! Tu m'a sauver, pas facile quand on debut de corriger le bug d'IE de marge.