Positionnement sous ie7 - Ie6 et question sur css (RESOLU)

Bonjour à tous,

Voici la page d'accueil que je suis en train de mettre en place. http://nsink.fr/TEST/residence-les-balcons-anaite/, je me permets de vous demander de l'aide, car j'ai tout essayé, en vain, je n'ai pas trouvé la solution.

Sous mozilla 3 aucun problème.

Cependant, sur le navigateur IE6 et IE7, je suis confronté à quelques soucis.

- Mon premier, si vous regarder la fin de div id="top", elle est mal placée, je voudrais qu'elle s'arrête juste en dessous du menu. dés que je change la fin de div float pour la remonter dans mon code, le menu haut left disparait sous mozilla. ? impossible de comprendre pourquoi.


- Sous ie 6 : c'est le bordel , donc pour l'instant j'ai mis un petit script pour que l'internaute upgrade sa version.
- sous ie7 c'est correct mais il y a un problème pour les div meteo, j'arrive pas à la déplacer sur la gauche.

ENfin voila, c'est à peut près tout.


Je suis coincé, j'apprécierai vraiment qu'un spécialiste me file un petit coup de main.

N'hésitez pas à me poser des questions, ou me demander d'autres infos si vous avez besoin, pour m'aider.

Merci infiniment !

VOICI QUELQUES IMPRESS ECRAN CI JOINT
Modifié par dreadstock (13 Oct 2009 - 21:02)

Bonjour,

dreadstock a écrit :
- Sous ie 6 : c'est le bordel , donc pour l'instant j'ai mis un petit script pour que l'internaute upgrade sa version.

Du coup pendant que je vais aller passer 3 heures en vain pour essayer de convaincre mon administrateur system (déjà que je sais même pas qui c'est...) bah je ne pourrais pas t'aider...

ps1. : le message en anglais sur un site en français c'est moyen

ps2. : IE6 est ton ami, il faut l'aimer aussi

ps3. : essaye de supprimer les caractères avant le doctype.

ps4. : Les commentaires conditionnel c'est bien, mangézan
Modifié par Laurie-Anne (09 Oct 2009 - 13:24)

Merci pour ta réponse, malheureusement, en enlevant les caractères rien ne s'est passé .

http://spoon.net/browsers/ pour visionner la page sous différents navigateurs.

Je coince merci pour votre aide.

Cordialement

SI je donne la source et la dossier a quelqu'un par mail, quelqu'un pourrais m'aider ?

merci infiniment

un peu d'aide svp !!! j'y arrive tjrs po !!

merci

Salut,

le premier bon réflexe à avoir est de toujours corriger les erreurs de validation.

Merci, en effet, j'avais quelques erreurs, elles sont maintenant corrigées, cependant toujours les mêmes problèmes.

Help me please, pensez vous que je dois tout refaire ?

J'ai réussi à réparer quelques erreus sous IE7 en mettant devant chaque CSS un astérix.
exemple : *margin:12px 0 0 0;

Ca a marché sur IE7, mais sur IE6 c'est n'importe quoi, tout le design est a l'envers.

Au final, le design est bon sur (mozilla, IE7, Opera, CHROME) pour IE6 j'y arrive pas est c assez gênant et pas du tout pro.

SI quelqu'un pouvait m'aider se serait vraiment cool. Je suis un peu désespérer et je manque de temps.

Merci

IE6 gère t-il les floats : c'est peut être cela le problème

Quelqu'un pourrait il m'aider, si je vous donne le dossier de mon projet par mail.
Il faut absolument que je trouve la solution pour Ie6. Le menu est décalé et une partie du container à bougé.

merci

dreadstock a écrit :
J'ai réussi à réparer quelques erreus sous IE7 en mettant devant chaque CSS un astérix.
exemple : *margin:12px 0 0 0;

Ce qui est tout à fait invalide comme le signale le validateur.
Si tu veux commenter des lignes tu peux faire /* blabla */.

Et si tu ne veux cibler que IE utilise des commentaires conditionnels (comme te l'a déjà signalé Laurie-Anne).

dreadstock a écrit :
SI je donne la source et la dossier a quelqu'un par mail, quelqu'un pourrais m'aider ?

dreadstock a écrit :
Quelqu'un pourrait il m'aider, si je vous donne le dossier de mon projet par mail.

Merci de relire la règle 16 du forum.
Modifié par Heyoan (12 Oct 2009 - 06:23)

Une solution (ça corrige pas tout, mais ça fait un peu) est d'utiliser l'initiative d'information IE pour avertir tes utilisateurs que IE6 est trop compliqué. Après, il te reste à rendre le site utilisable sous IE6, mais pas forcément bien léché comme les autres navigateurs.

C'est une solution beaucoup plus long terme, qui - on l'espère - va faire disparaitre IE6 un peu plus vite. Tout le monde y gagnera !

pieroxy a écrit :
Une solution (ça corrige pas tout, mais ça fait un peu) est d'utiliser l'initiative d'information IE pour avertir tes utilisateurs que IE6 est trop compliqué. Après, il te reste à rendre le site utilisable sous IE6, mais pas forcément bien léché comme les autres navigateurs.

C'est une solution beaucoup plus long terme, qui - on l'espère - va faire disparaitre IE6 un peu plus vite. Tout le monde y gagnera !

C'est beau d'être optimiste... Dommage que cet optimisme soit à côté de la plaque (sans vouloir t'offenser). IE6 est à peut près autant utilisé qu'IE8 (jusqu'en aout il l'était plus, maintenant la tendance s'inverse, mais surtout au dépends d'IE7). La raison en est simple, IE6 n'est pas utilisé par les particulier mais par les professionnel (le particulier pouvant être un professionel qui est à sa maison) ; les professionnels n'ont pas le choix de leur navigateur, ils utilisent ce que leur admin réseau/system daigne bien leur installer... Par ailleurs, mettre à jour le navigateur utilisé par les centaines/milliers d'employés d'une entreprise, ça veux surtout dire mettre à jour les intranets de la boite qui ont été développé (avec les pieds) à la façon des année 90. En gros, c'est hors budget, en plus c'est la crise, tout ça.

Pour ce qui est de ton conseil : ajouter un "votre navigateur est trop vieux mettez-le à jour" est 1. innefficace, puisque l'utilisateur ne peut pas le faire ; 2. vexant, car on attend d'un site (surtout s'il a "l'air" professionnel) qu'il soit compatible avec son matériel (c'est d'ailleurs un des grand principes du W3C et de l'accessibilité) ; 3. la certitude de perdre un utilisateur qui se focalisera sur le message, ne regardera pas le contenu du site et tournera les talons sans bookmarquer la page qui aurait pu l'intéresser.

Du coup : NON, il ne faut pas dire au visiteur ce que l'on croit bon pour lui de faire, c'est une très mauvaise idée. Toujours !

Laurie-Anne a écrit :


C'est beau d'être optimiste... Dommage que cet optimisme soit à côté de la plaque (sans vouloir t'offenser). IE6 est à peut près autant utilisé qu'IE8 (jusqu'en aout il l'était plus, maintenant la tendance s'inverse, mais surtout au dépends d'IE7). La raison en est simple, IE6 n'est pas utilisé par les particulier mais par les professionnel (le particulier pouvant être un professionel qui est à sa maison) ; les professionnels n'ont pas le choix de leur navigateur, ils utilisent ce que leur admin réseau/system daigne bien leur installer... Par ailleurs, mettre à jour le navigateur utilisé par les centaines/milliers d'employés d'une entreprise, ça veux surtout dire mettre à jour les intranets de la boite qui ont été développé (avec les pieds) à la façon des année 90. En gros, c'est hors budget, en plus c'est la crise, tout ça.

Pour ce qui est de ton conseil : ajouter un "votre navigateur est trop vieux mettez-le à jour" est 1. innefficace, puisque l'utilisateur ne peut pas le faire ; 2. vexant, car on attend d'un site (surtout s'il a "l'air" professionnel) qu'il soit compatible avec son matériel (c'est d'ailleurs un des grand principes du W3C et de l'accessibilité) ; 3. la certitude de perdre un utilisateur qui se focalisera sur le message, ne regardera pas le contenu du site et tournera les talons sans bookmarquer la page qui aurait pu l'intéresser.

Du coup : NON, il ne faut pas dire au visiteur ce que l'on croit bon pour lui de faire, c'est une très mauvaise idée. Toujours !

Je me permet de réagir sur ce point.

1) Inefficace, je ne suis pas d'accord. Si suffisamment de site s'y mettent, même les administrateurs réseau seront impactés. Si le message leur parvient, ils peuvent faire quelque chose. D'autre part, installer Firefox sur un poste n'est pas une opération terriblement coûteuse il me semble. Rien n'empêche de laisser IE6 pour les intranets pourris.

D'autre part, les utilisateurs peuvent aussi se plaindre, ils ne sont pas esclaves mais utilisateurs (en théorie du moins).

2) Vexant. C'est uniquement vexant si les utilisateurs sont esclaves. Mais c'est un peu vexant, j'en convient. Malheureusement, il n'y a pas d'autre moyen de faire passer le message.

3) La perte d'utilisateurs découle directement du point 2 ci-dessous.

Mais plus que tout ça, le problème vient de la quantité d'efforts qui sont faits par à peu près tous les développeurs HTML de tous les sites du monde pour supporter IE6. Quel gâchis, franchement, je préfèrerais largement passer ce temps là à avancer plutôt qu'à trainer un boulet. Il faut que cela cesse. Je ne vais même pas rentrer dans les détails, je pense qu'on est d'accord sur ce point.

Ceci dit, si vous avez une meilleure idée, je suis preneur.

pieroxy a écrit :
1) Inefficace, je ne suis pas d'accord. Si suffisamment de site s'y mettent, même les administrateurs réseau seront impactés. Si le message leur parvient, ils peuvent faire quelque chose. D'autre part, installer Firefox sur un poste n'est pas une opération terriblement coûteuse il me semble. Rien n'empêche de laisser IE6 pour les intranets pourris.

D'autre part, les utilisateurs peuvent aussi se plaindre, ils ne sont pas esclaves mais utilisateurs (en théorie du moins).

Trop optimiste, comme je disais...

L'accès à Internet au travail est généralement fait pour... travailler. Donc principalement utiliser les intranet et non se promener sur la toile.

Que les utilisateurs se plaignent, tout ce qu'il obtiendront c'est un rappel du règlement intérieur de leur entreprise relativement à l'utilisation d'Internet.

pieroxy a écrit :
Ceci dit, si vous avez une meilleure idée, je suis preneur.

La plupart du temps réaliser un site en suivant les normes assure une grande partie de l'interroperabilité, même pour IE6 ; à cela on peut ajouter quelques recommandations en terme d'accessibilité. Si cela ne suffit pas un commentaire conditionnel pour corriger les positionnements fautifs et le tour est joué.

Il faut arrêter de faire passer le support d'IE6 comme la croix et la bannière.

Laurie-Anne a écrit :


Trop optimiste, comme je disais...

L'accès à Internet au travail est généralement fait pour... travailler. Donc principalement utiliser les intranet et non se promener sur la toile.

Que les utilisateurs se plaignent, tout ce qu'il obtiendront c'est un rappel du règlement intérieur de leur entreprise relativement à l'utilisation d'Internet.

Là dessus, c'est de moins en moins vrai. Il est de plus en plus difficile de travailler sans internet, et dans de plus en plus de métier. Les notaires se connectent au site du cadastre plutôt que de faire des courriers. Les avocats aux divers sites législatifs du gouvernement. Les commerçants aux sites de leurs fournisseurs. Internet devient un outil utilisé par de plus en plus de gens, même au sens professionnel.

Si certains de ces sites adoptent ces messages d'avertissement, cela peut toucher du monde. Et pour qu'ils le fassent, il faut les déculpabiliser et leur montrer que d'autres le font.

Laurie-Anne a écrit :
La plupart du temps réaliser un site en suivant les normes assure une grande partie de l'interroperabilité, même pour IE6 ; à cela on peut ajouter quelques recommandations en terme d'accessibilité. Si cela ne suffit pas un commentaire conditionnel pour corriger les positionnements fautifs et le tour est joué.

Il faut arrêter de faire passer le support d'IE6 comme la croix et la bannière.

Le problème d'IE6 n'est pas seulement lié à CSS. Quelques exemples ci-dessous:

- Pas de transparence de PNG. Pour des design complexes, cela mène à une multitude d'images qui rendent le site plus gourmand en bande passante et aussi plus lourd à maintenir.

- Les SELECT qui se voient sous les DIV, même si le DIV est affiché par dessus. Là encore, la solution de contournement est pas jolie et lourde.

- Problèmes d'encodage. IE confond le codepage d'un formulaire avec le codepage de la page qui le contient. Bugs en perspective avec les accents et autre.

- Le moteur de rendu, et le faible support des standards comme CSS. Celui-là on connait.

Dans mon expérience, sur un site en constante évolution (pensez site marchand grande distrib ou banque/assurance), le temps passé avec IE6 est environ 30% du temps passé à faire du HTML. C'est énorme.

Après, c'est une question de point de vue.

Bonjour à tous les deux désolé de ne pas avoir pu répondre avant.
Merci pour votre aide, même si sur la fin des postes nous sommes plus sur un débat que sur de la pure aide.
Par ailleurs, mon avis : IE6 n'est pas du tout mon amis, mais il est indispensable que notre site web soit compatible avec ce navigateur. EN effet, j'ai pu constater sur l'analyse des stats de mes différentes sites, que le navigateurs IE représenté environ 27 % de mes visiteurs, et sur ce même chiffre, 22% des internautes utilisés IE6.
Je ne peux donc évidemment négliger ce navigateur.

- Concernant ma demande de départ pour avoir un peu d'aide, je vous remercie, car je ne connaisse pas du tout les commentaires conditionnels.
D'ailleurs, j'aimerai bien avoir votre avis : je vais essayer de récuperer mon designe sur IE6 et IE7 en faisant 3 fois mon CSS (pour régler les problemes) et mettre les liens suivant dans mon xhtml :
<!--[if IE 6]> pour IE 6.0 <![endif]-->

<!--[if IE 7]> pour IE 7.0 <![endif]-->


qu'en pensez vous

merci !

J'ai écrit ca

   <!--[if lte IE 6]> <link type="text/css" rel="stylesheet" href="css/style-ie6.css" /><![endif]-->

entre mon head.
J'ai essayé de faire des modifs sur mon fichier css/style-ie6.css, mais en vérifiant sur IETESTER (comme nous le conseil florent V), mais seulement, rien ne se passe.
Y a t-il une erreur ?

merci

J'ai mis ce code, car pour ie7 il n'y a pas de modification à faire, c seulement pour ie6 et Ie5

J'y suis presque, il ne reste plus que ma partie haut droite du site incluant le menu qui descend sous le logo.
J'ai du mal a trouver la solution pour ce probleme.