Beez: problème avec IE6

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

  • Beez: problème avec IE6

    Bonsoir à tous,

    je vais essayé d'être le plus précis possible.
    Voici le site sur lequel je travaille. C'est un template Beez.

    Lorsque je le visualise avec FF, Opéra ou IE7 (pas testé avec IE8 encore), aucun problème:
    http://www.denis-projet-diw2006.info...ons/cfs_ff.jpg

    Par contre, une fois que je passe sur IE6, problème! L'image de fond du site est complétement décalée sur la droite, la partie où se situe le breadcrumbs est violet (au lieu d'être orange) et nettement plus large. Et le menu déroulant se barre complétement en haut à gauche!

    J'utilise les composants suivants: eventlist, morfeoshow et swmenufree que j'ai utilisé pour faire le menu déroulant en haut.

    Je pensais que le problème venait d'un des fichiers .css qui était en lecture seule. Mais, ce n'est plus le cas et le problème persiste.

    J'ai désactivé et désinstallé composants, modules et plugins que j'ai pu installer. J'ai laissé ceux déjà présents. Le problème est toujours là. J'en conclu que ce problème vient du code.

    Voici le code css du breadcrumbs:

    Code:
    layout.css (ligne 325)
    #breadcrumbs {
    background:#E7600F none repeat scroll 0 0;
    color:#FFFFFF;
    min-height:15px;
    padding-top:0;
    text-align:left;
    }
    Franchement, je vois pas le problème... sauf qu'il est là.

    Un petit coup de main n'est vraiment pas de refus. Si vous avez besoin de plus d'informations, n'hésitez pas.

    Merci à tous.
    Dernière édition par redisdead à 06/08/2008, 22h11
    http://www.webandfun.fr Web And Fun, votre site web comme vous l'imaginez

  • #2
    A toute fin utile, je vous fournis également le code de la page d'index:

    Code PHP:
    <?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" >
    <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta name="robots" content="index, follow" />
      <meta name="keywords" content="joomla, Joomla" />
      <meta name="description" content="Joomla! - le portail dynamique et système de gestion de contenu" />
      <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
      <title>Bienvenue sur le site de Cent Fa Son's!</title>
      <link href="/test/centfasons/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
      <link href="/test/centfasons/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
      <link href="/test/centfasons/templates/beez/favicon.ico" rel="shortcut icon" type="image/x-icon" />
      <script type="text/javascript" src="/test/centfasons/media/system/js/mootools.js"></script>
      <script type="text/javascript" src="/test/centfasons/media/system/js/caption.js"></script>

        <link rel="stylesheet" href="/test/centfasons/templates/beez/css/template.css" type="text/css" />
        <link rel="stylesheet" href="/test/centfasons/templates/beez/css/position.css" type="text/css" media="screen,projection" />
        <link rel="stylesheet" href="/test/centfasons/templates/beez/css/layout.css" type="text/css" media="screen,projection" />
        <link rel="stylesheet" href="/test/centfasons/templates/beez/css/print.css" type="text/css" media="Print" />
        <link rel="stylesheet" href="/test/centfasons/templates/beez/css/general.css" type="text/css" />
            <!--[if lte IE 6]>
            <link href="/test/centfasons/templates/beez/css/ieonly.css" rel="stylesheet" type="text/css" />
        <![endif]-->
        <!--[if IE 7]>
            <link href="/test/centfasons/templates/beez/css/ie7only.css" rel="stylesheet" type="text/css" />
        <![endif]-->
        <script type="text/javascript" src="/test/centfasons/templates/beez/javascript/md_stylechanger.js"></script>
    </head>
    <body>
        <div id="all">
            <div id="header">
                <h1 id="logo">
                    <img src="/test/centfasons/templates/beez/images/header.jpg" border="0" alt="Logo centfasons" width="838" height="218" />
                    <!--<span class="header1">le centsfasons 21 rue lisse des cordeliers 13100 aix-en-provence</span>-->
                </h1>

                <ul>
                    <li><a href="#content" class="u2">Aller directement au contenu</a></li>
                    <li><a href="#mainmenu" class="u2">Aller au menu principal et à l'identification</a></li>
                    <li><a href="#additional" class="u2">Aller aux informations additionnelles</a></li>
                </ul>

                <h2 class="unseen">
                    Recherche, Affichage et Navigation            </h2>
    <!--
                <div id="fontsize">
                    <script type="text/javascript">
                    //<![CDATA[
                        document.write('<h3>Taille du texte :</h3><p class="fontsize">');
                        document.write('<a href="/test/centfasons/index.php?fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b" title="Augmenter la taille" onclick="changeFontSize(2); return false;" class="larger">Augmenter</a><span class="unseen">&nbsp;</span>');
                        document.write('<a href="/test/centfasons/index.php?fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b" title="Réduire la taille" onclick="changeFontSize(-2); return false;" class="smaller">Diminuer</a><span class="unseen">&nbsp;</span>');
                        document.write('<a href="/test/centfasons/index.php?fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b" title="Revenir aux styles par défaut" onclick="revertStyles(); return false;" class="reset">Réinitialiser</a></p>');
                    //]]>
                    </script>
                </div>-->

                
                

                <div id="breadcrumbs">
                    <p>
                        Vous êtes ici :                    <span class="breadcrumbs pathway">
    Home</span>

                    </p>
                </div>

                <div class="wrap">&nbsp;</div>
            </div><!-- end header -->

            <div id="contentarea">
                <a name="mainmenu"></a>
                <div id="left">
                            <div class="moduletable_menu">
                            <ul class="menu"><li class="item58"><a href="/test/centfasons/index.php?option=com_content&amp;view=article&amp;id=46&amp;Itemid=58&fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b"><span>Qui sommes nous?</span></a></li><li class="item59"><a href="/test/centfasons/index.php?option=com_content&amp;view=article&amp;id=47&amp;Itemid=59&fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b"><span>Nos activités</span></a></li><li class="item60"><a href="/test/centfasons/index.php?option=com_content&amp;view=article&amp;id=48&amp;Itemid=60&fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b"><span>Café Conc' CFS</span></a></li><li class="item61"><a href="/test/centfasons/index.php?option=com_content&amp;view=article&amp;id=49&amp;Itemid=61&fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b"><span>Notre équipe</span></a></li><li class="item62"><a href="/test/centfasons/index.php?option=com_content&amp;view=article&amp;id=50&amp;Itemid=62&fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b"><span>Horaires et Tarifs</span></a></li><li class="item63"><a href="/test/centfasons/index.php?option=com_contact&amp;view=contact&amp;id=1&amp;Itemid=63&fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b"><span>Contact</span></a></li><li class="item64"><a href="/test/centfasons/index.php?option=com_content&amp;view=article&amp;id=51&amp;Itemid=64&fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b"><span>Plan d'accès</span></a></li><li class="item65"><a href="/test/centfasons/index.php?option=com_content&amp;view=article&amp;id=52&amp;Itemid=65&fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b"><span>Contrats</span></a></li><li class="item66"><a href="/test/centfasons/index.php?option=com_content&amp;view=article&amp;id=53&amp;Itemid=66&fbea2f3237cae22b1c8425854aac6199=2e3dc9ca394f5cf5cdf8ce058d77707b"><span>Partenariats et Sponsors</span></a></li></ul>        </div>
        
                </div><!-- left -->

                <a name="content"></a>
                <div id="wrapper">
                <div id="main">
                    
                    

    <div class="blog">

                <div class="leading">
                

    <h2 class="contentheading">
        Bienvenue au Cent Fa Son's</h2>








    <div id="texte"><p>Nouvelle saison et nouvelle formule le <em>Cent Fa Son's.</em> Il y'en aura pour tous les goûts et toutes les oreilles. Du lundi au jeudi, vous decouvrirez des artistes de tous styles et de tous horizons avec une thématique différente chaque soir.</p><p>Pour les concerts on se retrouve du lundi au samedi de 19h à 2h du mat.  Ambiance assurée et bonnes vibrations !!! </p>   </div>

            </div>
            <span class="leading_separator">&nbsp;</span>
        
        
        
        </div>

                                         

                </div><!-- end main or main2 -->

                
                                                    <div class="wrap"></div>
                </div><!-- wrapper -->
            </div><!-- contentarea -->
     
            <div id="footer">
                <p class="syndicate">
                    
                </p>

                <p>
                    Animé par <a href="http://www.joomla.org/">Joomla!</a>
                </p>

                <div class="wrap"></div>
            </div><!-- footer -->
        </div><!-- all -->

        

    </body>
    </html>
    merci encore de votre aide.
    http://www.webandfun.fr Web And Fun, votre site web comme vous l'imaginez

    Commentaire


    • #3
      Bon je pense que j'ai trouvé une erreur qui ne m'avait pas sautée aux yeux tiout de suite hier soir (la fatigue sans doute)

      Code:
      <!--[if lte IE 6]> 
              <link href="/test/centfasons/templates/beez/css/ieonly.css" rel="stylesheet" type="text/css" /> 
          <![endif]-->
      ca ne semble pas changer grand chose, par contre je ne m'étais pas rendu compte que dans le fichier ieonly.css il fallait également changer le code du breadcrumb. Et là, miracle!!

      En revanche quand je modifie en ligne le css, mon fichier ieonly.css passe immédiatement en lecture seule...

      bon, je pense avoir résolu mon problème, mais si quelqu'un pouvait m'indiquer une méthode pour pouvoir modifier mes fichiers en ligne sans que ceux ci ne se vérouillent en lecture seule, ca serait sympa
      http://www.webandfun.fr Web And Fun, votre site web comme vous l'imaginez

      Commentaire


      • #4
        Pourquoi ne pas les modifier en local puis transférer les fichiers ? Il passe aussi en lecture seule ?
        De plus je pense que si vous voulez avoir une compatibilité entre presque tous les navigateurs, ca risque d'être coton. Vous aurez surement des soucis par la suite avec les extensions. IE6 c'est galère, j'ai réalisé un template compatible : IE6, IE7, FF 3.0.1 , Safari, Opéra ... une vraie misère et dès que le client à installé certains composants là bugs avec IE6 surtout.
        Je ne parle même pas quand IE8 sera là ...
        Bon courage tout de même en attendant.

        Commentaire


        • #5
          Envoyé par groomy Voir le message
          Pourquoi ne pas les modifier en local puis transférer les fichiers ? Il passe aussi en lecture seule ?
          c'est ce que je fais en général, mais là je suis au boulot (et un peu de temps à cause des vacances ) et je n'ai pas tous les outils à ma disposition (pas le droit d'utiliser mon filezilla )


          Envoyé par groomy Voir le message
          De plus je pense que si vous voulez avoir une compatibilité entre presque tous les navigateurs, ca risque d'être coton. Vous aurez surement des soucis par la suite avec les extensions. IE6 c'est galère, j'ai réalisé un template compatible : IE6, IE7, FF 3.0.1 , Safari, Opéra ... une vraie misère et dès que le client à installé certains composants là bugs avec IE6 surtout.
          Je ne parle même pas quand IE8 sera là ...
          Bon courage tout de même en attendant.
          pppfff, ben oué mais c'est galère ca... je pensais que justement beez avait été aussi étudié pour palier ce genre d'inconvéniant. Bon, y'a surement des moyens de rendre ca compatible mais comme je ne suis pas non plus un spécialiste du css et autre IE hack, je sens que je vais me prendre la tronche. Déjà que j'ai pas une masse de temps pour rendre un produit fini...

          Bon ben merci quand même
          http://www.webandfun.fr Web And Fun, votre site web comme vous l'imaginez

          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