Version complète: sur le forum Webmaster Hub : IE J'adorre
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
sparh
vendredi 4 avril 2008 à 17:47
Bonsoir,
ça faisait longtemps que je ne m'étais pas battu avec ie wink.gif

Comment connaitre les valeurs CSS par défaut (pour les supprimer ou les corriger) donnée par ie et les autres d'ailleurs.

La je suis sur un formulaire le size du champ i,put n'a pas la même taille avec FF et ie.
Idem pour la couleur de fond (de mon champ input) que ie m'impose (j'ai mis un style="background-color:#fff" mais ça marche pas)

Le plus simple ce serai d'avoir une liste complète des valeurs CSS que les navigateurs utilisent.

Merci d'avance
Kioob
vendredi 4 avril 2008 à 17:55
Hello,

dans le cas de Firefox il me semble que la CSS utilisée en "interne" est stockée dans le dossier d'install.

Pour les autres, difficile à dire... certaines propriétés sont récupérables en JS sous IE et Safari il me semble ; sous Opera je n'ai pas réussi.
TheRec
vendredi 4 avril 2008 à 18:10
Sinon il y a la barre d'outils développeurs de Internet Explorer, par Microsoft : Internet Explorer Developer Toolbar
Équivalent, bien moins facile d'utilisation et efficace que l'extension Web Developer de Firefox, mais bien utile quand même.
sparh
vendredi 4 avril 2008 à 18:14
Je l'ai la web developper, ça permet d'afficher le css d'un site mais pas du navigateur ?
TheRec
vendredi 4 avril 2008 à 20:25
En fait connaître les valeurs par défaut non, mais tu peux connaître les valeurs CSS héritées par n'importe quel élément grâce à l'outil d'inspection.

C'est assez antinomique de vouloir baser ton intégration sur ces valeurs, car elles changent dans tous les navigateurs, la solution est de définir ce que tu veux définir et n'utiliser l'héritage que lorsque tu es certain des effets qu'il a parmi tous les navigateurs.
Il faut aussi être conscient que certains navigateurs n'appliquent pas l'héritage de la même façon, pour ne citer qu'un exemple, la propriété font-size n'est pas hérité du parent mais de l'élément <body> dans un tableau dans Internet Explorer 6, alors que la majorité des navigateurs gère cela correctement... pour palier à cela il suffit de définir effectivement la taille à appliquer (par exemple font-size: 1em; pour conserver la taille de l'élément parent).

Un peu de lecture en relation avec ce sujet : Le rendu par défaut des éléments HTML

Bonne continuation.
MarvinLeRouge
vendredi 4 avril 2008 à 21:55
Salut,

A mon avis, connaître ces valeurs n'a pas vraiment d'intérêt, puisque tu souhaites les réinitialiser; quelles qu'elles soient. Je pense qu'il te faut juste
- un white-space reset
- définir tes propriétés texte (font-family, font-size & co) de champ de formulaire en repompant celles que tu mets sur ton body (à cause du pb d'IE cité plus haut)
- et pour le background-color, c'est bizarre ce que tu dis : en théorie, ça marche. Tu pourrais montrer ton cas en ligne, stp ?
sparh
samedi 5 avril 2008 à 08:34
Ok, merci pour ces réponses intéressantes.

Pour mon formulaire j'ai résolu le problème en mettant une image en background sur mon champ input (beaucoup plus efficace de chercher à placer le champ input juste au dessus de son espace réservé dans l'image de fond!)

Le fond jaune dont je parlais apparait dans ie6 et je n'arrive pas à le faire partir.

Pour voir le site en question c'est par ici
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.