IE vs FF : Pourquoi autant d'écart ??

[dartyduck]

Bonjour,

Mon problème est que quand je fais une mise en page qui me convient sous IE, elle déconne sous FF ? Et que je ne trouve pas le moyen de les satisfaire tous les deux??
Ici

Vous devez être connecté pour voir les liens.

un exemple simplifié des difficultés que je peux rencontrer. Comment font les gens pour qu'il n'y ait aucune différence entre IE et FF ? Dois-je me remettre à utiliser dreamweaver ? On a tellement plus de liberté à tout programmer sois-même !
Merci de me donner un coup de main, pasque là, "je n'en puis plus."

 

[Johan_et_Pirlouit]

Chaque éditeur a son système de rendu graphique.. En gros, il y a 4 familles principales :
■IE Win : moteur Trident (moteur Tasman pour Mac, abandonné, enfin !)
■Firefox : moteur Gecko (toute la famille Mozilla + Netscape + Epiphany + d'autres)
■Opera
■Safari (Mac) et Konqueror (Linux) : moteur KHTML

Pour faire qu'un site passe partout, il te faut apprendre le XHTML, les CSS et certaines subtilités et bidouilles propres à IE (essentiellement).. Tu as tout ce qu'il faut et les sites à consulter dans le premier topic de la catégorie.. Topic que tu aurais d'ailleurs dû lire avant de poste, comme c'est indiqué ..

Les sites à consulter en premier : Site du zér0, AlsaCréations et OpenWeb..

Sinon, Dreamweaver n'est pas vital et très cher, Nvu fait aussi bien pour ce qui concerne le (X)HTML / CSS tout en étant gratuit..

 

[marsien]

Je dirais même plus : je réalise tous mes codes html/css/php avec un simple éditeur de texte, en l'occurrence Notepad++ apportant la coloration syntaxique.

Si tu veux qu'on puisse te dire le pourquoi du comment, il nous faudraitle code source. Mais déjà, faire un tableau pour l'en-tête et créer un div pour faire une marge sont 2 abherrations qui n'ont rien à faire dans du xhtml strict. Pour le premier, créer des blocs div et place les en positions relatives et/ou float, pour le deuxième, il existe des focntions margin et padding en css qui permettent de placer les blocs les uns par rapport aux autres.

Mais clairement, il te manque encore beaucoup de bases pour arriver à quelque chose de bien ! Suis déjà le tuto du site du zéro, mais pas en diagonal, hein !!!

 

[dartyduck]

Chef oui chef !!

 

[KangOl]

Je completerai en disant que tu fais l'opération à l'envers ...

On développe son code pour qu'il soit correct sous firefox. De cette manière, il y a beaucoup de chance que le résultat sois le meme sous opera et Safari. Ensuite, on tente de réparer les imperfection sous IE à l'aide de Hacks ou d'un meilleur code ...

 

[dartyduck]

ah ok, merci du conseil.

 

[Djizeus]

Sinon faut pas prendre dreamweaver pour un programme qui fait les choses à ta place! Tu peux, pour te familiariser avec le CSS, télécharger la version d'essai de DW8. Cette dernière est plus axée CSS que jamais, et tu auras à ta dispo la bibliothèque O'Reilly qui est plutot bien foutue.

Après, une fois que tu maitrises ce langage, libre à toi de garder ta thune (479 € HT c'est vrai que ça fait mal!) et de te remettre à développer sous n'importe quel éditeur de texte (Suis les conseils de Marsien, notepad++ est VRAIMENT bien et largement suffisant!).

L'avantage d'apprendre le CSS sur Dream est que la biblio est intégrée, ce qui t'évite de t'arrêter toutes les 5 minutes pour aller consulter des sites spécialsés (genre

Vous devez être connecté pour voir les liens.

par exemple...).

De toutes manières, on viendra tous au CSS... Autant commencer tout de suite!

 

[dartyduck]

Je n'utilise justement pas dreamweaver, je fais tout avec blocnote à la main. J'ai déjà 2 bouquins de css mais pour IE. Y'en aurait-il un spécialisé FF avec les bidouilles pour adapter à IE? Je préfere avoir un support physique sous les yeux pour travailler, j'aime pas suivre sur des pages web.
Merci.

 

[Johan_et_Pirlouit]

Je n'utilise justement pas dreamweaver, je fais tout avec blocnote à la main.

[:baka-inside] Ca c'est du rock !

J'ai déjà 2 bouquins de css mais pour IE.

:??: Kécékwàssa ? Du CSS "pour IE" ? C'est donc du CSS à peu près non conforme et il se peut que tes bouquins datent un peu..

Y'en aurait-il un spécialisé FF avec les bidouilles pour adapter à IE?

Il n'y en a pas de spécialisé FF, puisque FF se contente de respecter les spécifications du W3C au plus près et, dans la pratique, c'est le meilleur à ce jeu là (FF 1.5, sur le moteur Gecko 1.8)..

[hors sujet]
Même si les pro-Opera te diront qu'Opera (v9 beta) est le seul à réussir le test Acid2 >>

Vous devez être connecté pour voir les liens.

.. Il n'empêche, j'ai toujours des merdouilles d'affichage avec Opera que je n'ai pas avec FF : un simple test permet de s'en apercevoir >>

Vous devez être connecté pour voir les liens.

(non encore corrigé dans la beta2 d'O9)..

C'est ainsi : un outil de bench ne révèle jamais le vrai comportement en production et il est toujours possible de programmer un logiciel pour qu'il réussisse certains tests précis : ATI et nVidia se sont déjà fait remarquer à optimiser leurs pilotes pour certains benches..

Et puis Opera avait déjà pondu une version "spéciale" d'O 7.5 nommée "Bork", c'était à l'époque où MS avait fermé l'accès à MSN/Hotmail (si ma mémoire est bonne) aux autres navigateurs qu'IE et Opera avait alors fait cette version spéciale qui savait reconnaître la page d'accueil et qui traduisait "à la volée" tout le contenu dans un langage qu'ils avaient appelé Bork pour je ne sais plus quelle raison.. C'était la partie émergée d'une véritable action plus complète pour que MS cesse cette discrimination.. Alors le coup de l'Acid2, je conserve un relatif doute..
[/hors sujet]

Je préfere avoir un support physique sous les yeux pour travailler, j'aime pas suivre sur des pages web.

Là dessus, je te rejoins.... Mais tu vas avoir du mal à trouver ton bonheur de ce côté là.. Tu peux aller voir chez AlsaCréations, il a écrit un bouquin qui semble pas mal résumer son site..

 

[KangOl]

[hors sujet]
Même si les pro-Opera te diront qu'Opera (v9 beta) est le seul à réussir le test Acid2 >>

Vous devez être connecté pour voir les liens.

.. Il n'empêche, j'ai toujours des merdouilles d'affichage avec Opera que je n'ai pas avec FF : un simple test permet de s'en apercevoir >>

Vous devez être connecté pour voir les liens.

(non encore corrigé dans la beta2 d'O9)..

C'est ainsi : un outil de bench ne révèle jamais le vrai comportement en production et il est toujours possible de programmer un logiciel pour qu'il réussisse certains tests précis : ATI et nVidia se sont déjà fait remarquer à optimiser leurs pilotes pour certains benches..

Et puis Opera avait déjà pondu une version "spéciale" d'O 7.5 nommée "Bork", c'était à l'époque où MS avait fermé l'accès à MSN/Hotmail (si ma mémoire est bonne) aux autres navigateurs qu'IE et Opera avait alors fait cette version spéciale qui savait reconnaître la page d'accueil et qui traduisait "à la volée" tout le contenu dans un langage qu'ils avaient appelé Bork pour je ne sais plus quelle raison.. C'était la partie émergée d'une véritable action plus complète pour que MS cesse cette discrimination.. Alors le coup de l'Acid2, je conserve un relatif doute..
[/hors sujet]

un peu dans le genre ?

Vous devez être connecté pour voir les liens.

 

[KangOl]

Là dessus, je te rejoins.... Mais tu vas avoir du mal à trouver ton bonheur de ce côté là.. Tu peux aller voir chez AlsaCréations, il a écrit un bouquin qui semble pas mal résumer son site..

il y a le lien dans le sujet épinglé (et aussi vers un magazine)

 

[Johan_et_Pirlouit]

un peu dans le genre ?
http://lists.kde.org/?l=kfm-devel&m=111615551703724&w=2

Apparemment pas, du moins pas si directement .. Mais merci de l'info, si c'est le genre de subtilité, c'est plus malin que ça, parceque même l'affichage de la source donne bien la page test.html.. Cela dit, je n'ai pas épluché le code source non plus ..

il y a le lien dans le sujet épinglé (et aussi vers un magazine)

Bah mince, pourquoi j'ai oublié le TU, moi ? ....