Apparence police différente selon le navigateur

Shinouille · Message par **Shinouille** » 07 mars 2009, 01:43

Bonjour,
Sauriez vous me dire pourquoi le titre de ma page apparait à bonne échelle sur Mozilla Firefox, alors qu'il est minuscule sur Internet explorer, ex: http://cmalattia.perso.sfr.fr/contact.html, vous pouvez constater que le titre de la page "contact" et "liens" apparait tout petit alors qu'il est de taille voulue sur les autres page ou sur Firefox.
2ème exemple: http://cmalattia.perso.sfr.fr/profil.html, les titres: "expositions", "concours" et "formations artistiques" apparaissent tout petit sur Internet explorer et de taille normale sur Mozilla Firefox...

Encore merci !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Shinouille · Message par **Shinouille** » 07 mars 2009, 01:48

Attention, sans faire expres, j'ai inclus la virgule dans le lien de l'adresse, du coup celui ci ne fonctionne pas, il faut donc faire un c/c, ou alors, les revoi-ci:

http://cmalattia.perso.sfr.fr/contact.html

http://cmalattia.perso.sfr.fr/profil.html

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Zefling · Message par **Zefling** » 07 mars 2009, 08:31

Peut-être que ça te serait utile ?

Puis je te conseillerais de passer aussi par là :
http://www.alsacreations.com/tutoriels/
Si tu ne sais pas ce qu'est le CSS.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6 (.NET CLR 3.5.30729)

Mongo Bob · Message par **Mongo Bob** » 07 mars 2009, 15:51

Zefling, ton lien css me laisse rêveur : est -il nécessaire de déclarer, au hasard, <body>, <h1> ... <h6> en "display:block", alors qu'ils le sont par défaut, <head> en "display:none" (j'ai jamais vu un navigateur afficher le <head> aux yeux de son visiteur ahuri...!) et le plus rigolo : <table> en "display:table"

Bon, ou y'a des développeurs css barjots ou y'a des navigateurs développés en dépit du bon sens! mais je suppose que tout ça est justifié, j'aimerais juste trouver des explications!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Zefling · Message par **Zefling** » 07 mars 2009, 18:37

En fait, c'est un truc que j'avais trouver sous le nom « w3c.css » qui donne tous les éléments par défaut. Bien sûr c'est redondant si par défaut c'est identique, mais pas pour la série IE.

En fait, c'est ce que recommande le W3C mis en CSS. Ce n'est pas de moi, mais impossible de retrouver la source.

Au passage c'est un wiki, si t'as des trucs pour améliorer libre à toi.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)

Mongo Bob · Message par **Mongo Bob** » 07 mars 2009, 18:40

Z a écrit :Au passage c'est un wiki, si t'as des trucs pour améliorer libre à toi. Moqueur

Hein??? Tu crois que j'ai pas assez mal à la tête comme ça, avec mon css à moi que je fais mes expériences avec?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Zefling · Message par **Zefling** » 07 mars 2009, 18:42

Perso, ça ne m'empêche pas de trouver des trucs pour essayer d'aider. Si je pense que ça peut être utile pour moins se casser le tête.

J'ai trouvé la source, j'ai changé un peu la page

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)

Mongo Bob · Message par **Mongo Bob** » 07 mars 2009, 18:46

OK, il s'agit de toutes les valeurs par défaut de toutes (euh, toutes? non) les propriétés css, j'avais pris ça comme une espèce de "IE bug-fix", ben non

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Zefling · Message par **Zefling** » 07 mars 2009, 18:52

Bha, ça m'a servie une fois comme fix pour IE pour les marges par défaut qui merde (Il faut dire c'était une belle bouse le truc

). Mais après ça dépend de la version HTML. Si il n'y a pas de doctype il y a de forte change de ne pas avoir la même chose sous IE.

Toutes j'en sais rien, mais c'est ce que recommande le W3C. Après si il en manque, j'y suis pour rien.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)

Mongo Bob · Message par **Mongo Bob** » 07 mars 2009, 22:15

MB a écrit :OK, il s'agit de toutes les valeurs par défaut de toutes (euh, toutes? non) les propriétés css,

J'ai dit une grosse conn... de +, il ne s'agit pas de propriétés css, il s'agit de sélecteurs-types (donc, des balises html officielles) avec leurs propriétés par défaut ou pas, tout ça présenté en règles dans une feuille de style.

C'est quand même une sorte de "IE bug-fix"!

Code : Tout sélectionner

body  { margin: 8px }

ou

Code : Tout sélectionner

input, select   { display: inline-block }

ça me laisse rêveur.
Je viens de lire en que "inline-block" était reconnu que par IE5Mac et Safari en faisant des recherches sur les travaux de Tantek, un vieux post d'il y a 21 mois :

http://www.flickr.com/photos/tantek/14748416/
Pour rigoler, à propos de Tantek, il faut aller voir là, les Bathroom tiles :
http://tantek.com/CSS/Examples/bathroomtiles.html
Les "bathroom tiles" sont telelment spéciales que si tu recopies le code dans Kpz, il n'en veut pas! FF l'affiche par contre!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Zefling · Message par **Zefling** » 07 mars 2009, 22:29

Forcement que ça ressemble à un bug-fix IE, c'est le seul à pas suivre les recommandation du W3C (jusqu'à il y a peu).

En tout cas, l'exemple CSS "bathroom tiles", je suis bluffé. Je cherche à comprendre

En faisant mumuse avec Firebug on tombe sur des formes vraiment très spéciales. Intéressant.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)

Mongo Bob · Message par **Mongo Bob** » 07 mars 2009, 22:50

C'est Tantek. Y'en a qui disent qu'il est fou.

de toutes façons, il se permet des trucs comme ça, dans sa page html :

Code : Tout sélectionner

<b class='trapezoid aa'></b><b class='trapezoid oo'></b>

ou pire :

Code : Tout sélectionner

<a href='index.html' class='polygon r6'><b class='trapezoid aa'><"+"/b><b class='trapezoid oo'><"+"/b><"+"/a>

"<"+"/b>"

<b> c'est une balise de style html dépréciée pour faire du texte gras

alors, il doit bien l'être un peu (fou)...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

Zefling · Message par **Zefling** » 07 mars 2009, 22:57

Un peu « flou » (Je sors ?)

Comment il y a arrive au final, ce n'est pas l'important, c'est qu'il y arrive le pire.

Je suis déjà contenant avec ma barre de menu en CSS, donc ça je vais laisser.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)

Message par **Ymai** » 08 mars 2009, 01:54

Bonjour
Intéressant votre conversation. Mais si un heureux possesseur (possédé) d'Internet Explorer avait une explication au problème initial, ce serait encore mieux.
Debout les windoziens de la Terre.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.6) Gecko/2009020911 Ubuntu/8.04 (hardy) Firefox/3.0.6

Zefling · Message par **Zefling** » 08 mars 2009, 02:17

J'ai bien donné une réponses, mais j'avoue qu'elle ne répond pas vraiment à la question.

Le problème se situer au niveau des balises :

Code : Tout sélectionner

<font style="color: silver;" size="+3">

IE ne comprend pas le +3 (sauf quand on lui dit avec IE dev toolbar... comme pour beaucoup de choses)

Le truc c'est que son code est pourri. Donc à partir de là, dur de répondre.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)

Geckozone

Apparence police différente selon le navigateur

Apparence police différente selon le navigateur

Qui est en ligne ?