IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Différence css navigateur


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Février 2006
    Messages
    199
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 199
    Par défaut Différence css navigateur
    Alors voici mon soucis : des mises en pages css change d'un navigateur a l'autre par exemple les bordures de couleur ne sont plus appliqués sous mozilla! yoré til une solution pour ke tous s'aplike de la mm maniere sous IE et mozilla?

  2. #2
    Membre expérimenté
    Inscrit en
    Juillet 2006
    Messages
    253
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 253
    Par défaut
    Pourrais tu éviter l'utilisation abusive de raccourcis SMS s'il te plait.
    Pour ton problème, as tu un exemple concret? Le code CSS que tu utilises est il standard?
    A noter que tu auras souvent des différences dues aux CSS. Tu devras parfois faire appel à des "hacks" ou a des "commentaires conditionnels permettant l'utilisation d'une CSS juste sur IE".

  3. #3
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Février 2006
    Messages
    199
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 199
    Par défaut
    désolé pour les racourcis sms!

    un exemple hé bien l'exemple des bordures !
    sinon comments utiliser des hacks et qu'est ce que c'est au juste?

  4. #4
    Membre expérimenté
    Inscrit en
    Juillet 2006
    Messages
    253
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 253
    Par défaut
    Une définition d'un Hack CSS rapidement trouvée.
    Je vais m'arrêter là pour les hack, ceci n'étant absolument pas ma spécialité.

    Personnellement, je préfère l'utilisation de commentaires conditionnels. Cette méthode consiste à faire passer diverses actions, uniquement dans le cas du navigateur IE sans pour autant abusé de hacks qui ne seront peut être pas toujours fonctionnels en fonction de l'évolution des navigateurs. (tu peux même spécifier les versions d'IE,...).
    Ce qui nous intéresse spécialement ici, c'est:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <!--[if IE 6]><link rel="stylesheet" media="screen" type="text/css" href="styles_ie6.css" /><![endif]-->
    Insérer ceci dans le head, en dessous du lien vers ta feuille de style principale te permet de définir une seconde feuille de style pour IE6. Dans cette seconde feuille de style, tu ne dois pas tout réécrire, mais juste les éléments qui varient entre FF,Opera,... et IE.

    Ce que tu réécris dans cette seconde feuille de style écrasera les valeurs définies dans ta première feuille de style.

    Et ainsi, pour Firefox, Opera,..., cela sera transparent, et pour IE, les changements de la seconde feuille de style seront pris en compte.

    (Dans le cas de différences (rares) entre Opera et Firefox, alors tu devras passer par des hacks).

    Cependant, pour en revenir à ton problème de bordures, cela m'étonne n'ayant jamais rencontré de différences entre les navigateurs.

    Tu utilises bien: border-color ?
    Tu as bien défini un : border-style: solid; ?

    Pourrais tu poster le code qui pose problème?

  5. #5
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    Citation Envoyé par Sancho_54
    Alors voici mon soucis : des mises en pages css change d'un navigateur a l'autre par exemple les bordures de couleur ne sont plus appliqués sous mozilla!
    j'ai jamais entendu parlé de ça. Essaie en définissant tes bordures ainsi : border:#ff0000 solid 1px (tu devrais avoir des bordures rouge de 1px)
    Citation Envoyé par Sancho_54
    yoré til une solution pour ke tous s'aplike de la mm maniere sous IE et mozilla?
    s'il y en avait une, ce forum n'aurait plus de raison d'être et si tu en trouvais une tu serais probablement riche et célèbre

Discussions similaires

  1. Différence entre navigateur de substr
    Par afrodje dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 02/01/2009, 11h09
  2. Problème css / navigateur
    Par Greatz dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 09/05/2008, 11h35
  3. Différences entre navigateurs
    Par Nixar dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 11/12/2007, 22h47
  4. [W3C] différence entre navigateur
    Par remyv87 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 24/01/2006, 14h23
  5. [CSS] légères différences entre navigateurs
    Par Trunks dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/12/2005, 14h13

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo