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 et Internet Explorer [Débutant(e)]


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2012
    Messages
    56
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2012
    Messages : 56
    Par défaut CSS et Internet Explorer
    Bonjour,

    Voila quelques jours que je travaille sur l'élaboration d'un site type "vitrine" édité avec notepad++, basé sur un fichier en css, quelques images retouchées via gimp et l'utilisation de 2 élément de jquery : fancybox et nivoslider.

    Hier je suis arrivé à obtenir un résultat qui me satisfaisait et j'ai donc voulu faire quelques tests avec les nombreux navigateurs du web.

    Firefox opéra safari et chrome m'ont tous rendus un résultat similaire (ormis deux ou trois détails par ci par la) mais lorsque j'ai voulu faire un essai avec internet explorer ce fut le drame.

    La mise en page etait mélangé (pas de respect des float...) certaines bordures changées, bref rien d'exploitable.

    Je pense avoir été scrupuleux dans mon codage mais je n'arrive pas à trouver sur le web de documentation indiquant comment coder en css pour IE
    (quelles recommandations, syntaxe etc ...)

    Pourriez vous m'aider s'il vous plait ? D'avance je vous remercie tous

  2. #2
    Modérateur

    Avatar de kOrt3x
    Homme Profil pro
    Technicien Informatique/Webmaster
    Inscrit en
    Septembre 2006
    Messages
    3 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Technicien Informatique/Webmaster
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2006
    Messages : 3 650
    Par défaut
    Tu peux utiliser les hack CSS pour créer un fichier CSS spécialement pour IE.
    La rubrique Mac
    Les cours & tutoriels Mac
    Critiques de Livres Mac & iOS
    FAQ Mac & iOS

    ________________________________________________________________________
    QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
    Mon Livre sur AppleScript : AppleScript: L'essentiel du langage et de ses applications

  3. #3
    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
    La première des choses, c'est de savoir si tu as bien mit le doctype dans ta page...
    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

  4. #4
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Ainsi que la version d'IE sur laquelle tu as fait tes tests.
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  5. #5
    Membre éprouvé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2012
    Messages
    56
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2012
    Messages : 56
    Par défaut compléments d'info
    Tout d'abord merci d'avoir répondu si vite

    A la suite de ce premier test infructueux j'ai essayé de faire mes propres recherches avant de venir vous embêter
    Je vous les expose :

    j'ai soumis mon fichier d’accueil du site au validator.w3 qui m'a aidé dans le choix du doctype et n'a pas trouvé à redire a part sur des balises fermées un peu vite ( <img /> par exemple )

    Pour le doctype j'ai mis <!Doctype html> j'ai lu que cela correspondait a la déclaration du HTML 5 mais a priori pas encore tout a fait validé ( corrigez moi si je me trompe).

    J'ai trouvé les différentes infos parlant de hack css : le !important et le commentaire conditionnel qui permet d'appeler une feuille de style différente pour ie . Je pense privilégier cette seconde solution, plus propre dans le codage je pense.

    Pour la version d'ie c'est là que cela a été difficile. Tout d'abord je ne dispose pas de beaucoup de machines sous la main pour faire mes tests.
    J'ai essuyé un échec d’installation de la dernière version pour cause de manque de service pack1 pour Windows 7 (je suis pas fan des mises a jour microsoft qui alourdissent l'os a mon sens mais c'est pas le sujet)

    J'ai donc trouvé un utilitaire censé "émuler" le comportement de ie selon plusieurs versions appelé ietester. Il m'a sorti tellement d' erreurs de scripts en cascade que je me suis dit qu'il valait mieux apprendre a coder css pour ie plutôt que de m'acharner a vouloir corriger un fichier que je ne sais plus par quel bout prendre.

    Voila à peu près ce que je peux vous apporter aujourd'hui.
    Merci beaucoup de votre patience

  6. #6
    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
    corrigez moi si je me trompe
    Je te corrige !
    Le doctype HTML5 est tout à fait valide, c'est uniquement la validation via le W3C qui est encore expérimentale (logique, vu que la spécification n'est pas encore finalisée).

    J'ai donc trouvé un utilitaire censé "émuler" le comportement de ie selon plusieurs versions appelé ietester.
    IETester n'est pas un outil très fiable car il s'appuie sur le moteur de la version d'IE installée sur ton poste.
    Regarde par ici pour les tests : Tester ses navigateurs de façon fiable.

    Il m'a sorti tellement d' erreurs de scripts en cascade que je me suis dit qu'il valait mieux apprendre a coder css
    Les erreurs de script correspondent à JavaScript et n'ont rien à voir avec les CSS.
    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

  7. #7
    Membre éprouvé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2012
    Messages
    56
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2012
    Messages : 56
    Par défaut mauvaise nouvelle donc...
    J'ai lu ... c'est gros ^^

    J'ai fermé les yeux sur le passage qui parlait d'ie tester et donc si je comprends bien pour pouvoir développer correctement il faudrait une machine (physique ou virtuelle) avec son ie et son système d'exploitation propre a chaque version.

    En ce moment on peut pas dire que je fonctionne avec des postes dits "bêtes de courses" voyez...donc ça m'arrange pas trop.

    N'étant pas un professionnel du web (on peut rêver mais la encore c'est pas le sujet) la tache me parait compliquée :/.

    Il faut que je creuse encore un peu j'imagine.
    Merci Bovino je vous tiens au courant.

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

Discussions similaires

  1. Compatibilité CSS avec Internet Explorer
    Par yann4dev dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 26/10/2012, 08h58
  2. css sous Internet Explorer et Chrome
    Par sebdsdo dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 31/08/2011, 15h11
  3. CSS avec Internet explorer 6
    Par pelasoa dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 29/06/2009, 14h21
  4. Javascript, CSS et Internet Explorer
    Par Bestiol dans le forum Général JavaScript
    Réponses: 19
    Dernier message: 30/07/2006, 15h47
  5. Problème CSS et Internet Explorer
    Par polo-j dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 04/05/2005, 11h44

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