Apparence différente sous Mozilla et sous IE

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Apparence différente sous Mozilla et sous IE

    Bonjour,
    J'ai créé le site suivant, avec Joomla 1.5:
    http://www.calligraphie-peinture-chinoise.com
    Or, on m'a fait remarquer et je viens de constater qu'il ne s'affichait pas correctement avec Internet Explorer. Comme j'utilise Mozilla Firefox, je ne m'en étais pas rendu compte tout de suite, car avec Firefox, pas de problème. Comment faire pour rendre ce site compatible avec Internet Explorer ?

    Je précise que je ne connais pas le langage de programmation (CSS, notamment) et c'est pour cette raison que j'ai choisi Joomla...

    Merci de votre aide !
    Dernière édition par Sudongpo à 10/07/2008, 11h59 Raison: Problème réglé par mise à jour du template

  • #2
    re

    Bonjour,

    Déjà vous pouvez commencer par donner votre template_css.css mais sinon à première vue je tenterais de rajouter un : display:inline; dans le menu car c'est lui qui pose soucis...

    Sinon il faudra aller plus loin...


    je ferais ceci pour tester :

    Code:
    .navigation {
    	background: #DED9D0 url(../images/nav.gif) repeat-x; height: 41px;
    	border-top: 1px solid #996;
            display:inline;
    }
    Merci 1000 Fois aux acteurs de Joomla... Quelle folie ce CMS...
    Plus ça avance dans la Joomlerie, plus j'halucine par ses performances !!
    --> Votre Spécialiste en loisirs créatifs...

    Commentaire


    • #3
      J'ai essayé, cela ne change rien

      Bonjour,
      Merci de votre aide mais j'ai essayé en modifiant le css comme vous l'indiquez mais cela ne change rien. J'ai toujours le menu "en escalier", etc. sous IE.
      Si vous avez d'autres idées...
      http://www.calligraphie-peinture-chinoise.com

      Mon template_css.css est visible par Web Developer.
      Je veux bien vous le recopier ci-dessous.
      Merci d'avance.

      /*
      Name: Natural Essence
      Date: 2007-02-20
      Description: Soft and natural single/two-column template.
      Author: Viktor Persson
      URL: http://templates.arcsin.se

      Feel free to use and modify but please provide credits.
      */

      /* default elements */
      * {margin: 0; padding: 0;}

      body {
      background: #7C6F5C url(../images/bg.jpg);
      color: #222;
      font: normal 62.5% sans-serif;
      padding: 2% 0;
      }

      a {
      color: #642;
      font-size: 10px;
      font-weight: bold;
      text-decoration: none;
      }
      a:hover {
      color: #333322;
      text-decoration: underline;
      }

      big {font-size: 1.1em;}

      h1,h2,h3 {color: #442; padding: 8px 0 5px;}

      h1 {font: normal 2.4em serif,sans-serif;}
      h1 a {text-decoration: none;}
      h1 a:hover {text-decoration: underline;}

      h2 {font: normal 1.6em serif,sans-serif;}
      h3 {font: bold 1.2em serif,sans-serif;}

      blockquote {
      background: url(../images/quote.gif) no-repeat;
      display: block;
      font: normal 1.1em Georgia,serif;
      padding-left: 26px
      }

      form,table {margin-bottom: 1.2em;}
      img {border: none;}
      label {display: block;}
      li {line-height: 1.5em;}
      p {padding: 2px 0 10px;}
      small,.small {font: normal 0.9em sans-serif;}
      ul {padding: 0 2em 1.2em;}

      /* structure */
      #wrapper {
      background: #332 url(../images/wrapper.gif) no-repeat left bottom;
      margin: 0 auto;
      width: 762px;
      }
      #container {
      background: #FBF9F4;
      border-top: 6px solid #332;
      font-size: 1.3em;
      line-height: 1.3em;
      margin: 0 auto;
      width: 750px;
      }

      /* header */
      .title {
      background: #E2DED4 url(../img/header-h1.jpg) repeat-x;
      border-top: 1px solid #996;
      }
      .title h1 {
      color: #441;
      font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
      padding: 10px 0 10px 18px;
      }

      .header {
      border-top: 2px solid #663;
      background: #DAD7C5 url(../images/header.jpg) no-repeat left bottom;
      height: 220px;
      }

      /* navigation */
      .navigation {
      background: #DED9D0 url(../images/nav.gif) repeat-x; height: 41px;
      border-top: 1px solid #996;
      display:inline;
      }

      .navigation li {
      list-style-type: none;

      }

      .navigation a {
      background: #FFF url(../images/nav.gif) repeat-x;
      border-right: 1px solid #C9C6B3;
      color: #553;
      float: left;
      font: bold 1em Tahoma,sans-serif;
      padding: 0 14px;
      line-height: 41px;
      text-align: center;
      text-decoration: none;
      }
      .navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}

      /* main */
      .main#two-columns {background: #FFF url(../images/two-columns.gif) repeat-y;}

      /* bottom */
      .bottom {
      background: #DCDAC9 url(../images/bottom.gif) no-repeat left bottom;
      border-top: 1px solid #AA8;
      color: #444;
      padding: 14px 20px;
      }
      .bottom .left,.bottom .right {width: 49%;}

      /* footer */
      .footer {
      background: #332;
      color: #EED;
      padding: 10px;
      }
      .footer .left {width: 66%;}
      .footer .right {
      width: 33%;
      text-align: right;
      }
      .footer a {
      color: #FFF;
      text-decoration: none;
      }
      .footer a:hover {
      color: #FFF;
      text-decoration: underline;
      }

      /* gallery */
      .gallery td {
      vertical-align: top;
      text-align: center;
      }
      .gallery em {display: block;}

      /* misc */
      .clear,.clearer {clear: both;}
      .clearer {font-size: 0;}
      .col2 .left {
      width: 64%;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      }
      .col2 .right .content {
      background: #FFF;
      }
      .col2 .right {width: 33%;}
      .content {padding: 18px 20px;}
      .left {float: left;}
      .right {float: right;}
      .right .content {padding: 18px 12px 12px;}

      /* block list */
      ul.block {
      margin: 4px 0;
      padding: 0;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      letter-spacing: normal;
      }
      .block li {
      list-style: none;
      width: 94%;
      }
      .block li a,.block li em {
      color: #553;
      display: block;
      width: 94%;
      }
      .block li em {
      font-size: 0.9em;
      font-style: normal;
      }
      .block li a {
      padding: 4px;
      text-decoration: none;
      width: 180px;
      }
      .block li a span {font-weight: bold;}
      .block li a:hover {
      background: #D2D0C0;
      color: #553;
      }

      .right .block,.right .block li {}
      .right .block li a:hover {background: #F2F0EA;}
      .left .block li a:hover {background: #F2F0EA;}

      input {
      border:solid #888888 1px;
      margin-bottom:5px;
      margin-right:5px;
      }

      textarea {
      border:solid #888888 1px;
      }

      .poll {
      /* polls texts */
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      color: #52513F;
      }

      .pollstableborder {
      /* set the border properties of the polls voting table */
      border: 1px solid #465675;
      }

      .pathway {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #444444;
      text-decoration: none;
      font-weight: bold;
      }

      .pathway a {
      clor: #EEEEEE;
      text-decoration: none;
      }

      .pathway a:visited {
      color: #52513F;
      text-decoration:line-through;
      }

      .pathway a:hover {
      color:#555241;
      text-decoration:underline;
      }

      .createdate {
      /* name says it all.. its for styling the date the content/articles are created under
      contents title */
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #000000;
      text-decoration: none;
      font-weight: bold;
      }

      .modifydate {
      /* need me to say? Well it styles the "Last updated on" text
      at the end of articles/contents */
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color: #777777;
      text-decoration: none;
      font-weight: bold;
      }

      .contentheading {
      /* This is used in several places; the Heading of contents on the frontpage,
      it is also used for Section's heading (see above for explanation) "News" or
      whatever heading you used */
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: bold;
      color: #504F3D;
      text-align:left;
      }

      .contentpagetitle {
      /* Couldn't find where is this yet. Will update this part when I
      get to it. Sorry. If you know, please email me the infos */
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-weight: bold;
      color: #52513F;
      text-align:left;
      }

      Commentaire


      • #4
        Réglé

        J'ai réglé mon problème en m'adressant au concepteur du template qui m'a indiqué une mise à jour compatible avec Internet Explorer. Je l'ai téléchargée et tout est parfait . Il m'a également donné un conseil précis et utile pour modifier une petite chose dans le CSS (et en termes simples, ce qui est appréciable ! ).
        Donc, j'inscris "réglé" !

        Commentaire


        • #5
          Il faut nous indiquer la solution que tu prise comment le concepteur du template t'as guidé. moi j'ai le même pbm!

          Commentaire

          Annonce

          Réduire
          1 sur 2 < >

          C'est [Réglé] et on n'en parle plus ?

          A quoi ça sert ?
          La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

          Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

          Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
          Comment ajouter la mention [Réglé] à votre discussion ?
          1 - Aller sur votre discussion et éditer votre premier message :


          2 - Cliquer sur la liste déroulante Préfixe.

          3 - Choisir le préfixe [Réglé].


          4 - Et voilà… votre discussion est désormais identifiée comme réglée.

          2 sur 2 < >

          Assistance au forum - Outil de publication d'infos de votre site

          Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

          Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

          Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

          UTILISER À VOS PROPRES RISQUES :
          L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

          Problèmes connus :
          FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

          Installation :

          1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

          Archive zip : https://github.com/AFUJ/FPA/zipball/master

          2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

          3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

          4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

          5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

          6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
          et remplacer www. votresite .com par votre nom de domaine


          Exemples:
          Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
          Télécharger le script fpa-fr.php dans: /public_html/
          Pour executer le script: http://www..com/fpa-fr.php

          Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
          Télécharger le script fpa-fr.php dans: /public_html/cms/
          Pour executer le script: http://www..com/cms/fpa-fr.php

          En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

          Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
          Voir plus
          Voir moins
          Travaille ...
          X