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 :

Affichage différent selon affichage de compatibilité


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Janvier 2008
    Messages
    306
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 306
    Par défaut Affichage différent selon affichage de compatibilité
    Bonjour,

    Je viens de créeer le design XHTML / CSS suivant : Première page - deuxième pageet je me rends compte qu'en cliquant sur le bouton "affichage de compatibilité" présent dans IE l'affichage change complètement.

    Que faire ? Quel est le problème ?

    Merci d'avance pour vos réponses

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Juin 2009
    Messages : 33
    Par défaut
    C parce que ton site n'est pas compatible ie 7 voir :
    http://msdn.microsoft.com/fr-fr/ie/cc963662.aspx

    Il faut que tu fasse des hacks spéciaux pour ie7.

  3. #3
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Janvier 2008
    Messages
    306
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 306
    Par défaut
    Citation Envoyé par baroutch Voir le message
    Il faut que tu fasse des hacks spéciaux pour ie7.
    Comment ça ?
    Comment faire pour que l'affichage soit normal sans cette balise ?

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2009
    Messages
    33
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Juin 2009
    Messages : 33
    Par défaut
    en fait ce sont des balises spéciales qui ne sont interprétées que par ie7 et qui permettent de définir une feuille de style qui surchargera ta première feuille de style au cas ou le navigateur soit ie7.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <link rel="stylesheet" href="adresseFeuille.css" type="text/css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="adresseFeuilleIE7.css" type="text/css">
    <![endif]-->
    Mais il y en a pour tous les navigateurs, il faut tous les testé pour pouvoir toucher le plus grand nombre de personnes.

  5. #5
    Membre expérimenté Avatar de firehist
    Homme Profil pro
    Intégrateur Web Freelance
    Inscrit en
    Février 2008
    Messages
    151
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Intégrateur Web Freelance
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Février 2008
    Messages : 151
    Par défaut
    Et pour t'aider à tester les navigateurs :
    http://browsershots.org/

    Il te prend des screens de l'adresse passée en paramètre sur les différents navigateurs.

  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Février 2010
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 10
    Par défaut
    Bonjour,

    Il faut que tu utilise un hack css c'est à dire une autre feuille de style qui s'active seulement pour les versions de ie que tu as choisi.

  7. #7
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Janvier 2008
    Messages
    306
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 306
    Par défaut
    Citation Envoyé par firehist Voir le message
    Et pour t'aider à tester les navigateurs :
    http://browsershots.org/

    Il te prend des screens de l'adresse passée en paramètre sur les différents navigateurs.
    Super ce site, merci beaucoup !!!

    Citation Envoyé par baroutch Voir le message
    en fait ce sont des balises spéciales qui ne sont interprétées que par ie7 et qui permettent de définir une feuille de style qui surchargera ta première feuille de style au cas ou le navigateur soit ie7.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <link rel="stylesheet" href="adresseFeuille.css" type="text/css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="adresseFeuilleIE7.css" type="text/css">
    <![endif]-->
    Mais il y en a pour tous les navigateurs, il faut tous les testé pour pouvoir toucher le plus grand nombre de personnes.
    Ah ouiiii, les commentaires conditionnels....
    J'avais jamais vraiment compris a quoi ils servaient en lisant mes bouquins mais la c'est évident ^^ Merci


    Merci à tous pour votre aide !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Affichage différent selon le serveur web !
    Par Aspic dans le forum Général Conception Web
    Réponses: 20
    Dernier message: 10/09/2008, 19h58
  2. Affichage différent selon URL de provenance
    Par BnA dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 07/08/2007, 14h30
  3. affichage différent selon résolution
    Par altadeos dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 15/12/2006, 11h58
  4. [Dates] affichage différent selon le mois en cours
    Par itri2005 dans le forum Langage
    Réponses: 3
    Dernier message: 07/04/2006, 17h05
  5. Affichage différent selon texte dans une case
    Par pingoo78 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 22/11/2005, 16h32

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