Firefox vs IE 6

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

  • Firefox vs IE 6

    Salut tous,

    je reviens encore avec mon site www.bonetoday.com.
    Alors mon probléme c'est que sur Firefox mon affichage déconne totalement tandis que sur IE tout est nickel. Qu'elle est la cause de cette difference si extreme? Merci pour vos reponses
    http://www.hajj-omra.be | http://www.chassisprosoft.be | http://www.sow-store.com

  • #2
    Salut,

    La seule différence que j'ai pu voir, c'est l'affichage du Main Menu sous Firefox.
    ça peut provenir du css associé au module transmenu... (/modules/mbt_transmenu/transmenuv.css)
    Je l'ai pas décortiqué, mais c'est une piste...
    Nono
    http://www.froncles.fr Le Village de FRONCLES en Haute-Marne.
    http://www.microtel-froncles.fr Le Club Informatique Microtel Multimédias du 52

    Commentaire


    • #3
      J'AI TROUVE !!!!

      Seule la taille du main menu diffère entre les deux navigateurs. Mais pas celle des sous menus, en regardant dans ton css de ton menu :

      1er constat : ARGGG tu as des répétition de définitions !!! (genre width un coup en px, en % puis deux lignes endessous en % !! dans la même classe!!)
      pas étonnant que ca plante

      2nd constat : ARGGG tu as des répétitions de définitions !!!

      3ème constat : idem ! mdr


      Tu ne dois pas savoir que le suffixe !important oblige les navigateurs bien codés (firefox) a utiliser cette désignation de la class et non celles après ! or tu as des !important devant des height à 11px aulieu de 16... cqfd
      dans .mainlevel-trans:link, a.mainlevel-trans:visited
      tu déclares :
      height: 11px !important; /* ENLEVE CECI ET TON ERREUR N'EXISTERA PLUS SOUS Fox ! TU ECRIT EN 11 ET TU DEMANDE UNE HAUTEUR DE 11 NORMAL QUE LE TEXTE SOIT TASSEE */
      height: 16px; /* GARDE CETTE HAUTEUR DE 16 CA COLLE BIEN AU RESTE */


      j'ai marqué les répétitions flagrantes avec une anotation

      Code PHP:
      /* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
      .transMenu {
          
      position:absolute;
          
      overflow:hidden;
          
      left:-1000px;
          
      top:-1000px;
          }

      /* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
      .transMenu .content {
          
      position:absolute;
          }

      /* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
      .transMenu .items {
          
      position:relative;
          
      left:0pxtop:0px;
          
      z-index:2;
          }

      .
      transMenu.top .items {
          
      border-top:none;
          }

      /* each TR.item is one menu item */
      .transMenu .item{
          
      color#FFFFFF;
          
      font-size:10px;
          
      font-family:sans-serif;
          
      text-decoration:none;
          
      /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
          
      border:none;
          
      cursor:pointer;
          
      cursor:hand;
          
      displayblock;

          
      width100%;
          
      width100%;                     /*  répétition */

          
      background:#207BC3;
          
      vertical-alignmiddle;

          
      font-size11px;                /*  POURQUOI CE CHANGEMENT ALORS QUE LA 1ERE LIGNE LE DEFINI A 10px */

          
      font-weightbold;

          
      color#ffffff;            /* REPETITION DE LA 1ERE LIGNE !*/

          
      text-alignleft;
          
      text-indent15px;
          
          
      height20px !important;       /*<--- LA il utilisera le 20 et pas le 15 de la ligne en dessous */
          
      height15px;              /* REDEFINITION INUTILISEE SOUS FIREFOX */
          
      width100%;                    /*  2nd répétition qui ne sert à rien*/

          
      text-decorationnone;
          
      border-bottom1px solid #FFF;
          
      }
      .
      transMenu .item td{

      }
      /* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
      /* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
      .transMenu .background {
          
      position:absolute;
          
      left:0pxtop:0px;
          
      z-index:1;
          -
      moz-opacity:.8;
          
      filter:alpha(opacity=80);
          }

      /* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
      .transMenu .shadowRight {
          
      position:absolute;
          
      z-index:3;
          
      top:3pxwidth:2px;
          -
      moz-opacity:.4;
          
      filter:alpha(opacity=40);
          }

      /* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
      .transMenu .shadowBottom {
          
      position:absolute;
          
      z-index:1;
          
      left:3pxheight:2px;
          -
      moz-opacity:.4;
          
      filter:alpha(opacity=40);
          }

      /* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
      .transMenu .item.hover {
          
      color:#ffffff;
          
      background:transparent;
          }

      /* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
      .transMenu .item img {
          
      margin-left:10px;
          }

      /* Added classes by Khanh - 050629 */
      #wrap {
         
      margin0px;
         
      padding0px;
      }
      #menu {
         
      margin0px;
         
      padding0px;
         
      display:block;
         
      width:100%;

      }
      .
      transMenu .item#active {
          
      background:#FFA004;
          
      color:#ffffff;
          
      -moz-opacity:.6;
          
      filter:alpha(opacity=60);
          }
      .
      transMenu .item#active.hover {
          
      background:#F79A00;
          
      color:black;
          }
      /* For first level menu.*/
      a.mainlevel-trans:linka.mainlevel-trans:visited {
          
      displayblock;
          
      backgroundurl(img/menu_bg.pngno-repeat;
          
      font-size11px;
          
      font-weightbold;
          
      color#ffffff;
          
      text-alignleft;
          
      padding-left18px;

          
      height11px !important;     /* ENLEVE CECI ET TON ERREUR N'EXISTERA PLUS SOUS FOX ! TU ECRIT EN 11 ET TU DEMANDE UNE HAUTEUR DE 11 NORMAL QUE LE TEXTE SOIT TASSEE */
          
      height16px;             /* GARDE CETTE HAUTEUR DE 16 CA COLLE BIEN AU RESTE */

          
      width100%;
          
      text-decorationnone;
          
      width100%;
          
      width150px;
          
      vertical-align:middle;
          
      border-bottom1px solid #FFF;
      }
      a.mainlevel-trans:hover {
           
      background-position0px -16px;
          
      text-decorationnone;
          
      color#333333;
      }
      a.mainlevel_active-transa.mainlevel_active-trans:visited {
         
      color:#FFFFFF;

         
      displayblock;
         
      height15px;
         
      width:auto;
         
      margin0px;
         
      padding0px 15px 0px 29px;
         
      backgroundurl(img/menu_bg.pngno-repeat;
          
      background-position0px -17px;
          
      text-decorationnone;
          
      color#FFFFFF;
          
      border-bottom1px solid #FFF;
      }
      a.mainlevel_active-trans:hover {
        
      color:#330000;
        
      background-color#FFCC00;
      }
      /* End added */ 
      Dernière édition par opware2000 à 16/12/2005, 16h16
      cours de SVT - infos scientifiques : www.nicolas-ogier.fr
      pas de demandes d'aide par mp, elles seront systématiquement refusées !

      Commentaire


      • #4
        pas de nouvelles ? ca n'a pas marché mon astuce ?
        cours de SVT - infos scientifiques : www.nicolas-ogier.fr
        pas de demandes d'aide par mp, elles seront systématiquement refusées !

        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