Template beez5 et problème d'affichage sur Internet Explorer

Réduire
X
Réduire
 
  • Page sur 1
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages
Précédent template Suivant
  • #1

    [Problème] Template beez5 et problème d'affichage sur Internet Explorer

    Bonjour,

    J'ai réalisé un site avec le template beez5, l'affichage est correcte sous Firefox et Chrome, par contre, sous Internet Explorer c'est le drame....
    En cherchant sur le forum, j'ai trouvé qu'il fallait ajouter cette ligne "<meta http-equiv="X-UA-Compatible" content="IE=edge" >" dans le fichier index.php du template mais rien n'à faire, ça ne change rien, l'affichage est toujours incorrecte.

    Pourriez-vous me dire que dois-je faire/modifier pour que l'affichage soit correcte sous IE.

    Merci d'avance.
    Fichiers joints
    Tags: Aucun
  • #2
    Re : Template beez5 et problème d'affichage sur Internet Explorer

    as tu un lien vers le site?
    ou a minima une capture du resultat sur firefox ou chrome?

    Commentaire

    • #3
      Re : Template beez5 et problème d'affichage sur Internet Explorer

      Bonjour,

      voici le lien vers mon site : www.bardon-animation.fr

      Merci beaucoup

      Commentaire

      • #4
        Re : Template beez5 et problème d'affichage sur Internet Explorer

        Bonjour,

        j'ai fait des recherches sur google mais je n'arrive pas à résoudre mon problème.

        Je suis preneur si vous avez une idée

        Merci beaucoup

        Commentaire

        • #5
          Re : Template beez5 et problème d'affichage sur Internet Explorer

          Bonjour,

          La page accueil du site racontant, même sous Chromium

          Uncaught TypeError: Cannot call method 'set' of null md_stylechanger.js:66
          Il est probable que cette erreur puisse provoquer des affichages erratiques avec certaine navigateurs (ou versions de navigateurs).
          Pas de demande de support par MP.
          S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

          Commentaire

          • #6
            Re : Template beez5 et problème d'affichage sur Internet Explorer

            Salut,
            comme jisse03 l'indique, le fichier JS md_stylechanger.js génère des erreurs.
            C'est une vieiile histoire.
            Comme tu n'utilises pas la fonctionnalité, cad agrandir /réduire l'affichage des polices de caractères, tu peux t'en débarrasser.
            Dans l'index.php de beez5, il te suffit de supprimer la ligne ±128
            <div id="fontsize">
            et la ligne ±31
            $doc->addScript($this->baseurl.'/templates/'.$this->template.'/javascript/md_stylechanger.js', 'text/javascript', true);
            Là, ca devait être bon.

            Mais tu as des erreurs HTML dans index.php
            1 * une div pas fermée, et IE n'est pas tres copain avec ce genre de fantaisie.
            <div id="header">
            <div class="logoheader">
            <h1 id="logo">

            <img src="/images/sampledata/fruitshop/fruits.gif" alt="Bardon Animation" />

            </div><!-- end logoheader -->
            2* et remet cette meta au bon endroit :
            <meta http-equiv="X-UA-Compatible" content="IE=edge" >
            dans :
            <meta http-equiv="X-UA-Compatible" content="IE=edge" ><!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>
            cad, à l'intérieur de la balise <head>
            Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

            Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

            Commentaire

            • #7
              Re : Template beez5 et problème d'affichage sur Internet Explorer

              Bonsoir,

              Merci beaucoup pour vos réponses.
              J'ai fait les modif mais j'ai toujours mon problème.
              voici mon fichier index.php:

              Code:
              <?php


// No direct access.
defined('_JEXEC') or die;

// check modules
$showRightColumn  = ($this->countModules('position-3') or $this->countModules('position-6') or $this->countModules('position-8'));
$showbottom      = ($this->countModules('position-9') or $this->countModules('position-10') or $this->countModules('position-11'));
$showleft      = ($this->countModules('position-4') or $this->countModules('position-7') or $this->countModules('position-5'));

if ($showRightColumn==0 and $showleft==0) {
  $showno = 0;
}

JHtml::_('behavior.framework', true);

// get params
$color      = $this->params->get('templatecolor');
$logo      = $this->params->get('logo');
$navposition  = $this->params->get('navposition');
$app      = JFactory::getApplication();
$doc      = JFactory::getDocument();
$templateparams  = $app->getTemplate(true)->params;


?>
<?php if(!$templateparams->get('html5', 0)): ?>
<?php else: ?>
  <?php echo '<!DOCTYPE html>'; ?>
<?php endif; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr">
  <head>
    <jdoc:include type="head" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" >
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/position.css" type="text/css" media="screen,projection" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/layout.css" type="text/css" media="screen,projection" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/print.css" type="text/css" media="Print" />
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/beez5.css" type="text/css" />
<?php
  $files = JHtml::_('stylesheet', 'templates/'.$this->template.'/css/general.css', null, false, true);
  if ($files):
    if (!is_array($files)):
      $files = array($files);
    endif;
    foreach($files as $file):
?>
    <link rel="stylesheet" href="<?php echo $file;?>" type="text/css" />
<?php
     endforeach;
  endif;
?>
    <?php if ($this->direction == 'rtl') : ?>
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template_rtl.css" type="text/css" />
    <?php endif; ?>
    <!--[if lte IE 6]>
      <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <!--[if IE 7]>
      <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ie7only.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <script type="text/javascript">
      var big ='<?php echo (int)$this->params->get('wrapperLarge');?>%';
      var small='<?php echo (int)$this->params->get('wrapperSmall'); ?>%';
      var altopen='<?php echo JText::_('TPL_BEEZ5_ALTOPEN', true); ?>';
      var altclose='<?php echo JText::_('TPL_BEEZ5_ALTCLOSE', true); ?>';
      var bildauf='<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/plus.png';
      var bildzu='<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/minus.png';
      var rightopen='<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTOPEN', true); ?>';
      var rightclose='<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE'); ?>';
      var fontSizeTitle='<?php echo JText::_('TPL_BEEZ5_FONTSIZE'); ?>';
            var bigger='<?php echo JText::_('TPL_BEEZ5_BIGGER'); ?>';
            var reset='<?php echo JText::_('TPL_BEEZ5_RESET'); ?>';
            var smaller='<?php echo JText::_('TPL_BEEZ5_SMALLER'); ?>';
            var biggerTitle='<?php echo JText::_('TPL_BEEZ5_INCREASE_SIZE'); ?>';
            var resetTitle='<?php echo JText::_('TPL_BEEZ5_REVERT_STYLES_TO_DEFAULT'); ?>';
            var smallerTitle='<?php echo JText::_('TPL_BEEZ5_DECREASE_SIZE'); ?>';
    </script>

  </head>

  <body>

<div id="all">
  <div id="back">
	
    <div id="header">
    
	
		<div class="logoheader">
			<h1 id="logo">

			<?php if ($logo != null ): ?>
				<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
			<?php else: ?>
				<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
			<?php endif; ?>
          
		</div><!-- end logoheader -->

		<ul class="skiplinks">
			<li><a href="#main" class="u2"><?php echo JText::_('TPL_BEEZ5_SKIP_TO_CONTENT'); ?></a></li>
			<li><a href="#nav" class="u2"><?php echo JText::_('TPL_BEEZ5_JUMP_TO_NAV'); ?></a></li>
			<?php if($showRightColumn ):?>
				<li><a href="#additional" class="u2"><?php echo JText::_('TPL_BEEZ5_JUMP_TO_INFO'); ?></a></li>
			<?php endif; ?>
		</ul>
      
		<h3 class="unseen"><?php echo JText::_('TPL_BEEZ5_NAVIGATION'); ?></h3>
		<jdoc:include type="modules" name="position-1" />
		<div id="line">
			<jdoc:include type="modules" name="position-0" />
		</div> <!-- end line -->
		<div id="header-image">
			<jdoc:include type="modules" name="position-15" />
			<?php if ($this->countModules('position-15')==0): ?>
				<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/fruits.jpg"  alt="<?php echo JText::_('TPL_BEEZ5_LOGO'); ?>" />
			<?php endif; ?>
		</div>
	</div><!-- end div header -->
    
    
	<div id="<?php echo $showRightColumn ? 'contentarea2' : 'contentarea'; ?>">
		<div id="breadcrumbs">

             <jdoc:include type="modules" name="position-2" />

		</div>

		
		<div class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
        

			<jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
			<jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
			<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2"  id="3" />
           
        
        </div><!-- end navi -->
        
        

        <div id="<?php echo $showRightColumn ? 'wrapper' : 'wrapper2'; ?>" <?php if (isset($showno)){echo 'class="shownocolumns"';}?>>

			<div id="main">

				<?php if ($this->countModules('position-12')): ?>
					<div id="top"><jdoc:include type="modules" name="position-12"   />
					</div>
				<?php endif; ?>

				<jdoc:include type="message" />
				<jdoc:include type="component" />

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

        </div><!-- end wrapper -->

		<?php if ($showRightColumn) : ?>
          <h2 class="unseen">
            <?php echo JText::_('TPL_BEEZ5_ADDITIONAL_INFORMATION'); ?>
          </h2>
          <div id="close">
            <a href="#" onclick="auf('right')">
              <span id="bild">
                <?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE'); ?></span></a>
          </div>

			<div id="right">
        
				<a id="additional"></a>
				<jdoc:include type="modules" name="position-6" style="beezDivision" headerLevel="3"/>
				<jdoc:include type="modules" name="position-8" style="beezDivision" headerLevel="3"  />
				<jdoc:include type="modules" name="position-3" style="beezDivision" headerLevel="3"  />

			</div><!-- end right -->
        
		<?php endif; ?>

		<?php if ($navposition=='center' and $showleft) : ?>

        <div class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav" >
            <jdoc:include type="modules" name="position-7"  style="beezDivision" headerLevel="3" />
            <jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
            <jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2"  id="3" />

		</div><!-- end navi -->
        
		<?php endif; ?>

        <div class="wrap"></div>

		</div> <!-- end contentarea -->

    </div><!-- back -->

</div><!-- all -->

    <div id="footer-outer">

    <?php if ($showbottom) : ?>
      <div id="footer-inner">

        <div id="bottom">
          <?php if ($this->countModules('position-9')): ?>
          <div class="box box1"> <jdoc:include type="modules" name="position-9" style="beezDivision" headerlevel="3" /></div>
          <?php endif; ?>
             <?php if ($this->countModules('position-10')): ?>
          <div class="box box2"> <jdoc:include type="modules" name="position-10" style="beezDivision" headerlevel="3" /></div>
          <?php endif; ?>
          <?php if ($this->countModules('position-11')): ?>
          <div class="box box3"> <jdoc:include type="modules" name="position-11" style="beezDivision" headerlevel="3" /></div>
          <?php endif ; ?>
        </div>
      </div>
    <?php endif ; ?>

      <div id="footer-sub">

      <?php if (!$templateparams->get('html5', 0)): ?>
        <div id="footer">
      <?php else: ?>
        <footer id="footer">
      <?php endif; ?>

          <jdoc:include type="modules" name="position-14" />
          <p>
            <?php echo JText::_('TPL_BEEZ5_POWERED_BY');?> <a href="http://www.joomla.org/">Joomla!®</a>
          </p>

      <?php if (!$templateparams->get('html5', 0)): ?>
        </div><!-- end footer -->
      <?php else: ?>
        </footer>
      <?php endif; ?>

      </div>

    </div>
    <jdoc:include type="modules" name="debug" />
  </body>
</html>
              Si vous avez d'autres idées je suis preneur

              Commentaire

              • #8
                Re : Template beez5 et problème d'affichage sur Internet Explorer

                Un petit tour sur http://validator.w3.org/ ve te montrer tes erreurs. Pas de DOCTYPE (en fait il y en a un, mais pas à sa place, la meta X-UA-Compatible pas fermée, et dans le contenu de la page, d'autres balises pas fermées.

                Il y a tout ce qu'il faut pour que IE voie rouge.
                Pas de demande de support par MP.
                S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

                Commentaire

                Précédent template Suivant

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire
                Hébergeur Web PlanetHoster
                Travaille ...
                X