problème d'affichage sous IE

pascalh · Message par **pascalh** » 12 sept. 2006, 21:32

J'ai un problème d'affichage de mon site sous IE mais pas firefox. Si cela ne tenait qu'à moi, je m'en ficherai un peu. Mais ce site est aussi visité par des personnes qui ne comprennent pas grand chose à l'informatique et ne savent donc pas télécharger/installer firefox (souvent, elles ne savent même pas que cela existe).
Et pas moyen de savoir pourquoi cela ne s'affiche pas correctement sous IE. Si quelqu'un a une idée. Merci.

Lien pour le site : http://pascalheude.free.fr

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

lpgc · Message par **lpgc** » 13 sept. 2006, 04:11

bonjour,

juste 2 petits changements pour que ce soit OK

peut être mettre les styles background-color : LemonChiffon; ....
sur les body de chaque pages et les borders des frames à 0px

aussi une erreur sur la page principale :
<frameset cols="*,135">
<frame class="navigation" noresize scrolling="no" src="navigation.html" frameborder="0" />
<frame class="horloge" noresize scrolling="no" src="horloge.html" frameborder="0" />
</frameset>

Cordialement
Christian

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

pascalh · Message par **pascalh** » 13 sept. 2006, 21:46

Merci.
Je ne comprends pas pourquoi mon éditeur HTML (HTML kit) ne m'a pas permis de voir l'oubli du '>'.

Pour les styles, je suppose qu'il est préférable de les mettre sur le body de chaque page plutôt que dans le fichier main.css et ainsi de supprimer la balise link dans la page index.html.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Asumbaa · Message par **Asumbaa** » 14 sept. 2006, 10:49

Salut,

pascalh a écrit :Pour les styles, je suppose qu'il est préférable de les mettre sur le body de chaque page plutôt que dans le fichier main.css et ainsi de supprimer la balise link dans la page index.html.

Euh... Non, ce serait plutôt l'inverse. Sinon tu perds tout le bénéfice d'une feuille de style séparée :

Gain de chargement (la feuille de style est cachée donc n'est pas demandée à chaque page)
Gain en lisibilité dans le code des pages
Et surtout, gain en maintenabilité : si tu veux un jour que ton fond soit violet à rayures sur ton site, tu n'as à modifier qu'un fichier : la feuille de styles

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

lpgc · Message par **lpgc** » 14 sept. 2006, 13:16

bonjour,

Euh... Non, ce serait plutôt l'inverse. Sinon tu perds tout le bénéfice d'une feuille de style séparée

Et répéter la même feuille de style dans les frames c'est permis

Code : Tout sélectionner

body.navigation { background-color: PowderBlue;}
body.horloge { background-color: PowderBlue;}
body.main { background-color : LemonChiffon;}

A noter au passage... mais j'en suis pas certain
que pour le menu.css il est préférable d'utiliser
CURSOR: pointer; que CURSOR: hand;
je pense que c'est plus standard

Cordialement
Christian

PS. J'ai essayé en local... le résultat est vraiment chouette

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

calimo · Message par **calimo** » 14 sept. 2006, 15:16

lpgc a écrit :<BODY class="main">
<BODY class="horloge">
<BODY class="navigation">

C'est vrai que ce n'est pas indiqué textuellement dans la spécification, mais tu devrais quand-même la lire !
En particulier la doc CSS : http://www.yoyodesign.org/doc/w3c/css2/ ... class-html

Code : Tout sélectionner

<body class="main horloge navigation">

Pour le cursor:hand je te mets au défi de le trouver dans la documentation CSS ! Il n'existe tout simplement pas !
Lis la doc, bon sang. Tu y apprendras énormément de choses très utiles

PS : les frames c'est mal ! http://openweb.eu.org/articles/finir_cadres/
PPS : les noms d'éléments en minuscules pour futur lointain le passage XHTML ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

lpgc · Message par **lpgc** » 14 sept. 2006, 16:41

calimo a écrit :
lpgc a écrit :<BODY class="main">
<BODY class="horloge">
<BODY class="navigation">
C'est vrai que ce n'est pas indiqué textuellement dans la spécification, mais tu devrais quand-même la lire !
En particulier la doc CSS : http://www.yoyodesign.org/doc/w3c/css2/ ... class-html
Code : Tout sélectionner
<body class="main horloge navigation">

sorry... faut lire depuis le début de l'article de pascalh sinon on comprend pas ce que j'ai voulu dire

3 frames : main.html, horloge.html, navigation.html

3 body et donc 3 classes mais pas pour le même body

calimo a écrit :Pour le cursor:hand je te mets au défi de le trouver dans la documentation CSS ! Il n'existe tout simplement pas !

Je suis pas spécialiste... mais j'avais déjà eu ce problème et en plus dans
la console javascript de Firefox, il y avait une erreur

je me suis permis de faire cette remarque, mais on trouve relativement facilement
le conseil d'utiliser "cursor:hand" pour avoir une main comme pointeur souri

http://www.w3schools.com/css/pr_class_cursor.asp mais c'est spécifique à IE
et comme cursor:pointer réalise la même chose...

Cordialement

Christian

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Geckozone

problème d'affichage sous IE

problème d'affichage sous IE

Qui est en ligne ?