Outils de recherche et référencement

Turulillo · 19-05-2006 17:27:30

Salut,

Comme vous le savez peut être déja, je gère un projet de site avec un dev.
Un des nombreux problèmes à résoudre c'est la façon dont IE interprète les CSS par rapport à Firefox.
En fait ce dernier fait très bien son boulot, mais ce con de IE foire un max et comme il a encore 90% de part de marché, nous sommes bien obligés de le prendre en compte.
Il me semble que l'idéal serait de rajouter un layout.css avec le code pour IE et un style.css avec le code pour Firefox, comme le suggère un membre sur le forum de Dotclear:
http://www.dotclear.net/forum/viewtopic.php?pid=71658
En gros, savez-vous s'il existe une sorte de table qui permet de comparer le traitement des CSS entre les 2 navigateurs (genre tel effet se code comme ça sous IE et comme ça sous Firefox) ?

pagetronic · 19-05-2006 17:37:14

Il me semble pas..
Tu as IEtab qui fonctionne très bien sous Firefox

pour le codage y a tellement de différence qu'elle son pas résumable il me semble
pour ie je vois que les pansements

Americas · 19-05-2006 18:50:37

Turulillo a �crit:
En fait ce dernier fait très bien son boulot, mais ce con de IE foire un max...

C'est bizarre... c'est plutôt l'inverse chez moi

IE est beaucoup plus permissif que Firefox avec les CSS

Phobos · 19-05-2006 20:26:58

http://www.positioniseverything.net/explorer.html

Tous n'est pas là, mais tu te rendras compte des différences au fur et à mesure, et en cherchant avec les bons kw on trouve des solutions

il y a certaines mysticités qui rendent difficile la création d'un tableau

salemioche · 19-05-2006 21:05:44

un regle simple consiste a ne pas utilisé le padding ou border conjointement avec width ou height, les deux l'interpretant differement

une fois que ca c'est clair, 99% des problemes sont resolus

MagicYoyo · 20-05-2006 06:37:36

salemioche a �crit:
un regle simple consiste a ne pas utilisé le padding ou border conjointement avec width ou height, les deux l'interpretant differement

une fois que ca c'est clair, 99% des problemes sont resolus

Yep !
Et je débute toutes es CSS par ceci :

Code:

* {margin: 0px; padding: 0px; vertical-align:text-top}

Siddartha · 20-05-2006 07:58:13

Idem avec une petite variante pr éviter 1 des bugs IE :

Code:

* {
  margin:0;
  padding:0
  }
body {
  text-align:center
  }
#conteneur {
  width:1000px;
  margin:0 auto // pr centrer le conteneur dans le navigateur
  text-align:left;
}

Avec ca, en précisant bien les tailles de tous les blocs, je n'ai aucun ou seulement de trés rares bugs cross-browsers. Et quand y'en a un, c'est simplement que j'ai mal codé ma css, ou oublié un width ou propriété d'alignement quelque part.

Turulillo · 24-05-2006 16:25:08

Merci pour vos réponses les mecs.
Si je regarde le code de Sid, j'en conclue qu'il n'y a donc pas de problème entre le margin et le width ou height ?

Idem avec une petite variante pr éviter 1 des bugs IE :

Sid, c'est quoi ce bug de IE que tu évoques sans le citer ?

Phobos · 24-05-2006 16:30:50

pr centrer le conteneur dans le navigateur

Une petite liste qui résume une paire de problèmes : http://www.christopher-jablonski.com/fr … /ie6.shtml

Outils de recherche et référencement

#1 19-05-2006 17:27:30

Differences CSS entre IE et Firefox

#2 19-05-2006 17:37:14

Re: Differences CSS entre IE et Firefox

#3 19-05-2006 18:50:37

Re: Differences CSS entre IE et Firefox

Turulillo a �crit:

#4 19-05-2006 20:26:58

Re: Differences CSS entre IE et Firefox

#5 19-05-2006 21:05:44

Re: Differences CSS entre IE et Firefox

#6 20-05-2006 06:37:36

Re: Differences CSS entre IE et Firefox

salemioche a �crit:

Code:

#7 20-05-2006 07:58:13

Re: Differences CSS entre IE et Firefox

Code:

#8 24-05-2006 16:25:08

Re: Differences CSS entre IE et Firefox

#9 24-05-2006 16:30:50

Re: Differences CSS entre IE et Firefox

Pied de page des forums