Page 1 sur 1
problème d'affichage sous IE
Publié : 12 sept. 2006, 21:32
par pascalh
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
Publié : 13 sept. 2006, 04:11
par lpgc
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
Publié : 13 sept. 2006, 21:46
par pascalh
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
Publié : 14 sept. 2006, 10:49
par Asumbaa
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
Publié : 14 sept. 2006, 13:16
par lpgc
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
<link rel="Stylesheet" type="text/css" href="main.css">
si on met une classe au body on pourrait avoir :
<BODY class="main">
<BODY class="horloge">
<BODY class="navigation">
et dans le main.css :
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
Publié : 14 sept. 2006, 15:16
par calimo
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
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
Publié : 14 sept. 2006, 16:41
par lpgc
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
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