IE 7 n'affiche pas mon site

Bonjour à tous !

J'ai eu l'heureuse surprise en installant IE 7 (version beta) de voir que mon site personnel ne s'affichait plus sous notre cher navigateur préféré.
Mon site est valide XHTML transitional et CSS et pourtant IE 7 n'affiche que ma couleur de fond... Incompréhensible ! pas de frame dans mon site, juste des div...

Si vous pouviez vous y intéresser ça serait sympas. Voici mon site : http://www.ndeliens.net

Merci d'avance !

Mucsy a écrit :
juste des div...

Arf, c'est déjà un problème

Pour le reste, n'ayant pas encore testé IE7, je ne vais sans-doute pas beaucoup t'aider.

Hello,

N'oublions pas que I.E. 7 est encore une version beta (comme souligné précédement). Donc il se peut que cela plante encore...

Je souligne cependant que sous les autres navigateurs, cela s'affiche parfaitement.

Enfin, en regardant ton code source, j'ai pu voir que tu utilisaisais encore des 'table' pour faire de la présentation :

	<div id="footer">
	  <table style="width:100%;">
	    <tr>
		<td class="img"><a href="http://www.validateur.ca/?q=http://www.ndeliens.net"><img alt="valid xhtml" title="valid xhtml" src="/style/xhtml.gif" border="0" /></a></td>
		<td class="img"><a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.ndeliens.net/style/style.css"><img alt="valid CSS 2.0" title="valid CSS 2.0" src="/style/css.gif" border="0" /></a></td>
		<td>© Nicolas Deliens 2006</td>
	    </tr>
	  </table>
	</div>

N'aurait-il pas mieux convenu d'utiliser une liste non ordonnée affichée en ligne ? (ul avec la propriété display contenant inline)

Avis aux spécialistes...

G.

Pour les <table> c'est juste pour le footer... il n'y en a que là dans toute la page ! Mais sachant que mon site est valide (donc reconnu par la W3C) y a pas de raison... Surtout que des sites entierement faits en tableau sont affichés sous ie 7

Trouvez le problème !!!

Mucsy a écrit :
Pour les <table> c'est juste pour le footer... il n'y en a que là dans toute la page ! Mais sachant que mon site est valide (donc reconnu par la W3C)

Hum, n'oublie pas que le validateur (ca se dit ca ? ) est une manière automatique de vérifier la syntaxe correcte des balises et non de vérifier le juste emploi de celles-ci...

Mucsy a écrit :
y a pas de raison... Surtout que des sites entierement faits en tableau sont affichés sous ie 7

Hum, ton site s'affiche correctement en tout cas sur I.E. 6 et la seule chose que je puisse te conseiller n'est pas de garder une version de test sur ta machine... Le problème peut venir du fait que soit encore une beta (version hors production) et servant encore à déplanter, tester, améliorer etc...
Ce que je puis te proposer c'est de faire le test avec Firefox, I.E.<7, Opera, etc... Sous différents OS afin de voir où se situe précisément le problème.
De fait, la WebDevelopperToolBar de Firefox t'aidera grandement...

Mucsy a écrit :
Trouvez le problème !!!

Doucement mon grand... Ici tout le monde est volontaire et fait de son mieux pour aider l'autre... C'est le principe de la communauté et tu prends le commentaire qu'on t'offre comme tu le désires (soit tu l'appliques, soit non...) et tu as le libre choix...

Dans la continuité j'ai regardé légèrement ta CSS, j'ai été assez surpris que tu ne fasse un 'reset' des marges par défaut via le sélecteur universel...

Enfin, as-tu vérifié si ceci

a[ id ]:visited

était déjà implémenté ? Dans la même optique, ne serais-ce pas 'réservé' :

img.id

et

td.first

?? (Dans le Notepad2 il n'apparait pas comme une classe...).
Pour ces derniers points, je peux me tromper... Je ne suis pas un 'gourou' de CSS, j'ai quelques aptitudes...

Cependant, les autres conseils sont à prendre ou à laisser.

En espérant t'avoir avancé, éclairé ou autre,

G.

Mucsy a écrit :
Surtout que des sites entierement faits en tableau sont affichés sous ie 7
Trouvez le problème !!!

Merci de ne pas généraliser inutilement :
- oui des sites entierement faits en tableau sont affichés sous ie7
- oui aussi des sites entierement faits sans tableau sont affichés sous ie7

Microsoft, avec IE7, a fait de très gros effort dans sa compréhension des CSS, il demande même à éviter d'utiliser les hacks pour IE... ce n'est certainement pas pour laisser entendre qu'il va mieux afficher les sites en tableaux.

Bref :
- ton code source est effectivement valide, ce qui ne signifie pas qu'il est dénué de risque d'erreurs d'affichage.
- tu employes un doctype transitionnel, ce qui ne te procure peut-être pas la rigueur suffisante (celle que pourrait t'apporter un doctype strict)
- tu employes un commentaire conditionnel pour IE6. Celui-ci s'applique peut-être aussi (à tort ?) sur IE7 alors qu'il ne faudrait pas ?

Ce ne sont que des suppositions.

PS : au fait, tu es un ami de Cédric ?

Non de non... J'ai grillé Raphael
@ Raphael > Jolis pour le site de Cédrich ... Tu les trouves comments les réplicants ??

Désolé pour le "Trouver l'erreur !!! ", c'est pas du tout un ordre, ça a été mal interprété !

@ Raphael > C'est vrai, j'avais pas pensé au commentaire conditionnel pour IE6... je vais peut-être le supprimer (à moins que IE7 ne gère tjs pas la transparence des png )

Personnellement, je vois pas en quoi changer de DOCTYPE me permettrait d'avoir un affichage plus correct. En soi, ça ne me dérange pas de passer au strict, ni d'enlever tous mes tableaux, ce que j'aimerai c'est juste "comprendre" !

PS : non je ne connais pas Cedric mais j'apprécie beaucoup son travail et comme il souhaitait que son travail soit "testé"... J'espère qu'il ne prend pas ça comme un plagiat

Mucsy a écrit :
Désolé pour le "Trouver l'erreur !!! ", c'est pas du tout un ordre, ça a été mal interprété !

No stress...

Mucsy a écrit :

@ Raphael > C'est vrai, j'avais pas pensé au commentaire conditionnel pour IE6... je vais peut-être le supprimer (à moins que IE7 ne gère tjs pas la transparence des png )

Si je ne me trompe, c'est prévu... Mais est-ce déjà implémanté dans les versions beta ?

Mucsy a écrit :

Personnellement, je vois pas en quoi changer de DOCTYPE me permettrait d'avoir un affichage plus correct. En soi, ça ne me dérange pas de passer au strict, ni d'enlever tous mes tableaux, ce que j'aimerai c'est juste "comprendre" !

Dans la continuité je lance ceci et di tu me le permet, voici quelques mots de réflexions, le toujours sympathique, etc.

Mucsy a écrit :

PS : non je ne connais pas Cedric mais j'apprécie beaucoup son travail et comme il souhaitait que son travail soit "testé"... J'espère qu'il ne prend pas ça comme un plagiat

Hum, le plus simple ne serait-il pas de prendre contact avec lui ??

G.

Tiens, tiens, nous avons le même problème ici avec le site http://www.stervinou.fr .

Je vais faire des recherches là dessus.
Modifié par Lanza (28 Apr 2006 - 16:29)

Pour l'eventuel plagiat, il n'y a pas que Cédric que ça concerne, mais Laurence Jacquet (hellgy) aussi, qui est l'auteur du graphisme largement inspiré.

Plutôt que de se baser sur des suppositions, demande clairement quelles sont les possibilités du réutilisation (tu les dépasses assez largement à mon avis).

Hum hum

Cedric a écrit :
Hum hum

Qu'en est-il clairement Cédric ?

Mucsy a écrit :
Personnellement, je vois pas en quoi changer de DOCTYPE me permettrait d'avoir un affichage plus correct. En soi, ça ne me dérange pas de passer au strict, ni d'enlever tous mes tableaux, ce que j'aimerai c'est juste "comprendre" !

La DTD c'est comme un énorme feuille de style qui explique très précisement aux navigateurs de quel type de document il s'agit. A partir de la, suivant le DTD que tu utilises tu gagnes en portabilité (téléphone portable, mobile, etc...). Consulte "Introduction à XML" de RAY aux Editions O'Reilly. Tu y trouveras toutes tes réponses. Bonne lecture !

A oui un conseil, passe sous UNIX et lache Windows
Modifié par Don Diego (28 Apr 2006 - 22:35)

Je détaille quelque peu.

Tout d'abord, je suppose que c'est toi dans les commantaires du billet sur actinidia (http://www.actinidia.net) : http://www.actinidia.net/2006/01/13/29-menu-avec-rollover-deroulant
(le dernier commentaire)

Il est écrit :

a écrit :
Salut Cedric et bravo pour ce code. Je suis en train d'essayer de l'implémenter (si tu le permet bien sur) mais j'ai effectivement des problèmes sous IE. J'ai créé de nouveaux PNG sous Photoshop avec de la transparence mais ils ne sont pas visibles sous IE. Aurais-tu fait quelque chose de spécial pour tes PNG, car IE les voit sur ton site ?!

Je permet effective qu'on réutilise le script, mais sous certaines conditions qui sont bien détaillées sur le site et le blog.

Tout d'abord quelques petites choses :

- tout le site http://www.cedrich.net est sous licence creative common by-nc-nd, càd qu'on a le droit d'utiliser ce qui constitue le site uniquement:

- si on précise l'auteur ( c'est moi )
- si on n'en fait pas d'utiliser commerciale
- si on n'en fait aucune modification (non derivative)

Le mot important dans ce cas - ci étant "BY" : préciser l'auteur.

Toutefois j'en ait fait tout un billet sur actinidia dont la licence est "BY-NC-SA" soit la même chose, sauf que l'on peut en faire des modifications si on partage les conditions à l'identique (publication BY-NC-SA).

En plus un bout de rdf présent dans le fichier de script :
http://www.cedrich.net/script/script.js

permet de voir directement qu'il est sous BY-NC-SA.

En clair :

ça me déplait que le script soit utilisé comme actuellement !

- à aucun endroit (ni même dans le code source du script) tu ne précise l'auteur (nom, url, email)

- à aucun endroit tu ne le partage sous les mêmes conditions ! on pourrait très bien en faire une utilisation commerciale en le prenant directement depuis ton site

- tu n'a m'a à aucun moment contacté pour me dire que tu l'utilise (si il te plait, ce serait la moindre des choses )

- le script n'est pas seuelemtn repris dans le sens "javascript" : l'aspect graphique est également entièrement repompé

- le script est le même à l'identique ! nom de fonction idiot également !

On pourrait dire "oui mais dans ton billet tu dis qu'on peut le reprendre et modifier le code source, l'améliorer et le tester"

Tout à fait ! mais dans le respect des conditions ci-dessus ! Si tu le teste et que tu réécris des parties, j'aurai effectivement été ravi qu'on en discute et qu'on l'améliore.

Notamment pour corriger les quelques bugs ! Mais ce n'est pas ton cas, vu que tu l'a repris sans même chercher à l'adapter.

Dans les trucs plus personnel :

- je suis également futur ingénieur (et informaticien) alors utiliser le script et le css exactement de la même façon sur un site de présentation (cv , etc etc) est je trouve un peu lourd.

Pour conclure :

- j'aimerais que le script ne soit pas repris comme actuellement, et qu'au moins l'aspect graphique ne soit pas repompé car il s'agit d'une originalité que j'aimerais garder : le site a été designé par hellgy qui a eu l'idée de l'aspect des onglets, j'ai ensuite fait le script pour l'effet

- de toute façon, l'indication de l'auteur et le partage des conditions sont indispensables !

Voilà, ça ne me fait pas plaisir de devoir réagir comme ça, mais je trouve que c'est déplacé, surtout vu la façon dont ça a été fait !

Si tu avais eu une idée de design original et que tu avais voulu appliquer l'effet, j'aurais été ravi de t'aider à le mettre en place si tu m'avais contacté...
Modifié par Cedric (30 Apr 2006 - 13:51)

Bonjour à tous !

Tout d'abord je suis désolé de ce qu'il advient... Je ne pensais pas que cela prendrait de telles proportions !
En effet, mon post sur Actinidia était une demande (peut-être pas si explicite au final) d'utilisation de ton code. N'ayant pas eu de réponse de ta part (Cédric) j'ai continué (et peut-être à tort) le développement de mon site.

Mais comme je vois que cela déplait, je vais m'empresser de changer mon menu !

PS : loin de moi l'idée d'enlever à Cedric tout le mérite de sa création...

Bonsoir Mucsy,

Dans ton cas, ce doit être lié au commentaire conditionnel qui est mal écrit. Il faudrait supprimer l'espace qu'il y a entre le point d'exclamation et le crochet dans la fermeture du commentaire.

Concernant stervinou, ça a l'air d'un lié à un bug qui se produit quand le conteneur est en position relatif, avec dedans un élément en float et un autre avec clear (et selon les cas, doté de layout ou non).

Par exemple, avec un code aussi simple, rien ne s'affiche dans IE7 bêta 2 :

<div style="position:relative">
	<p style="float:left">Lorem ipsum dolor sit amet</p>
	<hr style="clear:left" />
</div>

Si on remplace <hr> par un DIV par exemple, avec ou sans contenu, cela s'affiche normalement. Mais si l'on dote ce DIV de layout (via height, width ou zoom..), il y a de nouveau plus rien qui s'affiche.
Apparement ce bug est déjà signalé.
Donc dans le cas de stervinou, il devrait suffire de supprimer le width:900px; qui de toute façon ne semble servir à rien.
Modifié par Alan (30 Apr 2006 - 21:34)

Hé bien merci Alan

Ça m'évitera les recherches suscitées. Le width: 900px sert bien à quelque chose, je viens de vérifier.

(chez nous c'est largeur fixe, point à la ligne. C'est pour pouvoir revendre une maquette plus large quand l'utilisateur moyen aura une résolution supérieure. Oui, je sais.)

Lanza a écrit :
Hé bien merci Alan

Ça m'évitera les recherches suscitées. Le width: 900px sert bien à quelque chose, je viens de vérifier.

Je ne vois pas à quoi il sert (je parle du width:900px de #footer) puisque le conteneur (enfin body) est déjà à 900px ?

Ah, je pensais que tu parlais du body.

En relisant ton précédent message, je m'aperçois qu'effectivement c'est le layout sur l'élément qui "clear" et pas le conteneur qui pose problème. Bon ben, c'est encore mieux du coup.

Re merci, je transmets à qui de droit.