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

HTML Discussion :

[W3C] Affichage en vrac avec IE


Sujet :

HTML

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Avril 2007
    Messages : 32
    Par défaut [W3C] Affichage en vrac avec IE
    Bonjour à tous !

    Je viens de créer un site www.nitro-france.com avec l'architecture Joomla.

    Sous Firefox le site est bien cadré, mais sous IE tout est en vrac.

    Que puis-je faire à votre avis ?

    Merci

  2. #2
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 494
    Par défaut
    Faire une feuille de style spécifique à IE

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Avril 2007
    Messages : 32
    Par défaut
    Merci pour la réponse blueice, mais j'apprends peu à peu les CSS et le XHTML et mes connaissances ne sont pas encore suffisantes.

    A quoi pourrait ressembler cette feuille de style spécifique ?

  4. #4
    Membre confirmé Avatar de Braillane
    Profil pro
    Développeur Java
    Inscrit en
    Janvier 2007
    Messages
    212
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Janvier 2007
    Messages : 212
    Par défaut
    J'ai envie de dire 3 possibilités :
    1) tu utilise des hacks qui vont te permettre dans une feuille CSS de faire en sorte que certaines choses vont être interpréter par IE et pas par FF.
    2) en javascript, tu détecte le navigateur (une recherche google te donnera le code ), et en fonction du navigateur tu inclue une feuille css différente
    3) La meilleur solution, tu fais en sorte que ton code soit au norme w3C et que, sans utiliser de hacks sa marche sous les deux navigateurs... c'est pas toujours possible mais c'est le mieux

    Bonne chance, et n'hésite pas a utiliser google

  5. #5
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par leoburd Voir le message
    A quoi pourrait ressembler cette feuille de style spécifique ?
    Une petite recherche avec "commentaires conditionnels" ou "Hack CSS" devrait te donner la réponse
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Avril 2007
    Messages : 32
    Par défaut
    Panique à bord !

    Là ça nécessite des notions que je n'ai pas.

    Pour contourner le problème, dois-je refaire totalement mon site en utilisant IE ?

  7. #7
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 494
    Par défaut
    dois-je refaire totalement mon site en utilisant IE ?
    On ne peux faire un site avec IE...
    Si par la tu veux dire refaire le site uniquement pour IE, aïe aïe aïe...

    Si tu ne t'y connais pas, vaut mieux trouver un template qui tourne correctement de partout.

  8. #8
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Si ton site est dans l'ensemble correctement construit, tu n'auras pas grand chose à mettre dans tes commentaires conditionnels pour palier à la différence de compréhension entre les navigateurs
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  9. #9
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Avril 2007
    Messages : 32
    Par défaut
    Merci pour vos conseils.

    HiRoN : comment savoir que mon site "est bien fait" ? Quels sont les critères ?
    J'ai pris un template existant joomla1.5_black dans lequel j'ai rajouté 2 extensions (morpheosho et Xfade) et j'ai organisé mes modules.

    Braillane : merci pour le lien. En fait je dois tout apprendre des css.

    Blueice : J'ai chargé une démo de mon template avec IE http://demo.gelono.com/index.php?tp=...oomla1.5_black
    ça fonctionne bien. Ce test est-il suffisant ?

  10. #10
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par leoburd Voir le message
    HiRoN : comment savoir que mon site "est bien fait" ? Quels sont les critères ?
    J'ai pris un template existant joomla1.5_black dans lequel j'ai rajouté 2 extensions (morpheosho et Xfade) et j'ai organisé mes modules.
    Application des bonnes balises au bons endroits, utilisation de div pour la mise en page (et non de table), mise en page à l'aide de CSS etc.

    Généralement, il est plus facile (et surtout plus rapide) de faire les commentaires conditionnels au moment du développement qu'après...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  11. #11
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Avril 2007
    Messages : 32
    Par défaut
    HiRoN,

    Juste pour que je comprenne un peu, voici un extrait de css de mon site. Il y a bien des div ?

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    /*left and right columns*/
     
    #leftcol div.module, #leftcol div.module_menu, #leftcol div.module_text, #rightcol div.module, #rightcol div.module_menu, #rightcol div.module_text, #leftcol div.moduletable_menu, #rightcol div.moduletable_menu, #leftcol div.moduletable, #rightcol div.moduletable, #leftcol div.moduletable_text, #rightcol div.moduletable_text{ border-width: 2px; 
                border-style: solid; margin-bottom: 10px; margin-top:80px;
              }

    Quand aux commentaires additionnels, il est malheureusement trop tard puisque le développement du site est quasi fini

  12. #12
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par leoburd Voir le message
    Juste pour que je comprenne un peu, voici un extrait de css de mon site. Il y a bien des div ?
    En effet, donc il ne te restes plus qu'a reprendre ton css pas à pas (dans ton commentaire conditionnel) et tenter de le rendre compatible avec IE
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  13. #13
    Membre confirmé Avatar de Braillane
    Profil pro
    Développeur Java
    Inscrit en
    Janvier 2007
    Messages
    212
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Janvier 2007
    Messages : 212
    Par défaut
    Citation Envoyé par leoburd Voir le message
    comment savoir que mon site "est bien fait" ? Quels sont les critères ?
    Les normes W3C, y'a que ça de vrai! Si tu respecte les normes tu évites pas mal de soucis.

    Le lien vers le validateur W3C (à garder dans les marques pages!!) :
    http://validator.w3.org/#validate_by_uri+with_options

  14. #14
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Avril 2007
    Messages : 32
    Par défaut
    A votre avis, c'est accessible pour un débutant ?

  15. #15
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par Braillane Voir le message
    Les normes W3C, y'a que ça de vrai! Si tu respecte les normes tu évites pas mal de soucis.
    +1... Et je me demande encore pourquoi je n'en ai pas parlé...

    Cela permet d'avoir code juste (mais pas forcément juste sémantiquement parlant) et de prendre directement les bonnes habitudes sur pas mal de points.
    Le forum est là en cas de problème de compréhension (mais beaucoup d'erreurs sont très simples à résoudre).
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  16. #16
    Membre confirmé Avatar de Braillane
    Profil pro
    Développeur Java
    Inscrit en
    Janvier 2007
    Messages
    212
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Janvier 2007
    Messages : 212
    Par défaut
    Citation Envoyé par leoburd Voir le message
    A votre avis, c'est accessible pour un débutant ?
    Oui, il suffit juste de passer ton code au validateur, il te dit tes erreurs et tu corrige, pas besoin de connaitre les normes, j'ai appris comme ça, comme la majorité des gens...

  17. #17
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 494
    Par défaut
    Le validateur n'est pas une solution miracle !
    Tu peux faire du code valide mais dégueulasse.
    Et le fait de valider son site ne corrigera pas son problème d'IE.

  18. #18
    Membre confirmé Avatar de Braillane
    Profil pro
    Développeur Java
    Inscrit en
    Janvier 2007
    Messages
    212
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Janvier 2007
    Messages : 212
    Par défaut
    Citation Envoyé par blueice Voir le message
    Le validateur n'est pas une solution miracle !
    Tu peux faire du code valide mais dégueulasse.
    Entièrement d'accord, mais au moins il fera du code valide... c'est dja sa!

    Citation Envoyé par blueice Voir le message
    Et le fait de valider son site ne corrigera pas son problème d'IE.
    Sur ce coup non, mais peut etre plus tard

  19. #19
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Avril 2007
    Messages : 32
    Par défaut
    Donc, si je comprend bien je dois apprendre XHTML et apprendre CSS pour tenter de comprendre comment apporter les bonnes modifs, c'est bien ça ?

  20. #20
    Membre chevronné
    Profil pro
    Inscrit en
    Février 2009
    Messages
    308
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 308
    Par défaut
    Ou trouver un autres template joomla qui ne pose pas de problème et qui sois conforme et valide

+ Répondre à la discussion
Cette discussion est résolue.
Page 1 sur 2 12 DernièreDernière

Discussions similaires

  1. Affichage caractères asiatique avec composants standard
    Par FransTreb dans le forum Composants VCL
    Réponses: 5
    Dernier message: 05/12/2005, 17h20
  2. [W3C] affichage de tableau
    Par Anonymous dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 28/12/2004, 14h40
  3. PB affichage d'image avec IE
    Par arturo dans le forum Modules
    Réponses: 6
    Dernier message: 25/09/2003, 17h28
  4. PB : affichage de données avec accent sous delphi 6
    Par kinda dans le forum Débuter
    Réponses: 3
    Dernier message: 03/07/2003, 13h19
  5. [VB6] Affichage d'image avec qlq contraintes
    Par youri dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 21/11/2002, 14h44

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