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 :

CSS avec IE8


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2010
    Messages
    573
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 573
    Par défaut CSS avec IE8
    Bonjour,

    J'aie un petit soucis de compatibilité avec mes CSS et IE8 (encore un ....)

    Ci-joint mon fichier.
    Resultat tout beau sous firefox mais pas sous IE8.
    Ci-dessous pour faire plus rapide la partie CSS :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
     
    #monForm {
    	display:inline;
    	float:left;
    	overflow:hidden;
    	padding:0px;
    	width:278px;
    	height:18px;
    	margin-left:30px;
    	margin-top:10px;
    	border-bottom:1px solid #6A6A6A;
    	margin-left:100px;
    }
    #monForm input[type="text"] 
    {
    	border:0px;
    	background:transparent;
    	width:180px;
    	margin-left:10px;
    	font-size:12px;
    	color:##04B404;
    	outline:none;
    }
    #monForm input[type="submit"]
    {
    	border:0px;
    	background:transparent;
    	font-size:12px;
    	color:#6C3306;
    	width: 27%;
    }
     
    #monForm input[type="submit"]:hover
    {
    	background-color: #6C3306;
    	color:#F4EBDA;
    	cursor: pointer;
    }
    Si quelqu'un a une idée ?

    Merci pour votre aide

    Thais
    Fichiers attachés Fichiers attachés

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Mais encore ? Quel est le problème ?

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2010
    Messages
    573
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 573
    Par défaut
    Et bien sous Firefox, la partie css est pris en compte.
    Par exemple, le bouton "s'inscrire" est en couleur marron sous Firefox alors que sous IE8 il est brut
    Idem pour le texte ...

    Je ne sais pas si je suis clair .... normalement ca doit ressembler a cela (cf phot sous Firefox)

    Thais
    Images attachées Images attachées  

  4. #4
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Hello,

    Ton fichier ne comporte aucun doctype donc il est interprété en mode Quirks ce qui équivaut à quelque chose comme le moteur de rendu de IE5 sur tous les IE < 10. Et IE5, sauf erreur, ne sait pas interpréter les sélecteurs d'attribut.

    Rajouter un doctype pourrait donc bien corriger ton problème.
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Non, tu ne te trompes pas sur les sélecteurs d'attributs auxquels on peut ajouter la pseudoclasse :hover qui n'est supportée que pour les liens.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Les sélecteurs d'attributs et la pseudo-classe :hover ne sont dispos qu'à partir d'IE7 en mode Standard.

    @CandyGirl : Le développement pour IE6, c'est loin hein.

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2010
    Messages
    573
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 573
    Par défaut
    Quelle gourdasse .....
    Je cherchait depuis des plombes alors que j'avais pas vu que j'avais oublié le DOCTYPE

    Merci pour votre aide et désolé pour le dérangement

    Thais

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

Discussions similaires

  1. Integration de menu HTML/CSS avec PHP
    Par sparrow dans le forum Langage
    Réponses: 7
    Dernier message: 31/01/2006, 02h50
  2. définir une hauteur de table dans un css avec ie et mozilla
    Par regis68 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 17/01/2006, 22h28
  3. Problème CSS avec Firefox
    Par Bisûnûrs dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 20/08/2005, 15h29
  4. Menu CSS avec bordures - fonctionne firefox, pas ie
    Par Romalafrite dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 21/11/2004, 15h40
  5. problème css avec :focus
    Par dervish dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 28/09/2004, 16h18

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