[Résolu] Problème avec IE : une “barre en trop” impossible à enlever (Créer un compte)

  • Statut : résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #482409
    ETNZ
    Participant
    Initié WordPress
    39 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.9.2
    – Version de PHP/MySQL : 5
    – Thème utilisé : MiniSite 4 in 1
    – Extensions en place :
    – Nom de l’hebergeur : 1&1
    – Adresse du site : /

    Problème(s) rencontré(s) :

    Je suis en train de finaliser un site et j’ai donc fait des tests avec plusieurs navigateurs. Malheureusement, j’ai un problème avec IE (version 8). J’ai une “barre” en trop dans des parties déroulantes. Mais, chose étrange, je n’ai pas cette “barre” pour le premier menu déroulant mais je l’ai pour les deux autres.

    Explication en image :

    Avec Firefox (et Chrome), ce que je souhaite avoir :
    firefox.jpg

    Avec IE, je souhaite enlever la “barre” supérieure (entourée de rouge).
    ie.jpg

    Je viens d’essayer de comprendre pourquoi j’avais cette “barre” pour 2 menus sur 3, je viens d’essayer pleins de choses…mais rien ne fonctionne, je n’arrive pas à l’enlever.

    Voici la page :

    <?php
    /*
    Template Name: Page Portugais
    */
    ?>
    <?php get_header();?>
    
     <!-- START section -> [About] -->
    		<div class="section" id="about">
    			<h3 class="left-marker">Apresentação</h3>
    			<img src="<?php if(get_option('ht_intro_image')<>“”) echo get_option(‘ht_intro_image’);else echo get_bloginfo(“template_directory”) . “/images/about_img.png”;?>” alt=”about me” />
    			<h2>Apresentação</h2>
    			<?php if(get_option('ht_intro_text')<>“”) echo ‘<p>Bom dia,</p><p>blablabla</p><p>Atenciosamente,</p><p> </p>‘;else the_excerpt();?> 
    		<div class="fix"></div>
    		</div>
    	<!-- END section -->
    
    <script type="text/javascript" >
    //<![CDATA[
    
    /* --------------- TOGGLE BOXES ------------------------ */
    $(function(){
    $(".toggle-body").hide();  	  
    $(".toggle-head").click(function()
    {
    	var tb = $(this).next(".toggle-body");
    
    	if (tb.is(':hidden')) {
    		tb.slideDown('200');
    		$(this).children('.toggle-icon').html('<img src="<?php bloginfo("template_directory");?>/images/down.png" alt="" />');	
    	} else 
    	{
    		tb.slideUp('200');
    		$(this).children('.toggle-icon').html('<img src="<?php bloginfo("template_directory");?>/images/plus.png" alt="" />');				
    	}
    });
    		   });
    //]]>
    
    </script>
    <?php
    query_posts('showposts=1&post_type=page&pagename='.get_option('ht_intro_page').'');
    if ( have_posts() ) : while ( have_posts() ) : the_post();
    ?>
    
         <?php
    endwhile; else:
    endif;
    //Reset Query
    wp_reset_query();
    ?>
    	<!-- START toggle -->
    			<div class="toggle-list">
    			<div class="toggle-head"> <span class="toggle-icon"><img src="<?php bloginfo("template_directory");?>/images/plus.png” alt=”” /></span>
    				<h3>Experiência profissional</h3>
    			</div>
    			<div class="toggle-body">
          <!-- START section -> [Blog] -->
    			<div class="section" id="blog">
    				<h3 class="left-marker">Experiência</h3>		  
    				<?php query_posts('p=157'); ?>
    				<?php while (have_posts()) : the_post(); ?>
    		<!-- START post -->
    			<div class="post">
    			<div id="post">
    			<div class="entry">
    				<?php the_content();?>
    			</div>
    			</div>
    			</div>
    		<!-- END post -->    
    				<?php endwhile;
    				?>
    			</div>
          <!-- END section -->
    			</div>
    			</div>
        <!-- END toggle -->
    
    	<!-- START toggle -->
    			<div class="toggle-list">
    			<div class="toggle-head"> <span class="toggle-icon"><img src="<?php bloginfo("template_directory");?>/images/plus.png” alt=”” /></span>
    				<h3>Educação e diplomas</h3>
    			</div>
    			<div class="toggle-body">
          <!-- START section -> [Blog] -->
    			<div class="section" id="blog">
    				<h3 class="left-marker">Educação</h3>		  
    				<?php query_posts('p=162'); ?>
    				<?php while (have_posts()) : the_post(); ?>
    		<!-- START post -->
    			<div class="post">
    			<div id="post">
    			<div class="entry">
    				<?php the_content();?>
    			</div>
    			</div>
    			</div>
    		<!-- END post -->    
    				<?php endwhile;
    				?>
    			</div>
          <!-- END section -->
    			</div>
    			</div>
        <!-- END toggle -->
    	
    	<!-- START toggle -->
    			<div class="toggle-list">
    			<div class="toggle-head"> <span class="toggle-icon"><img src="<?php bloginfo("template_directory");?>/images/plus.png” alt=”” /></span>
    				<h3>Habilidades e experiência extracurriculares</h3>
    			</div>
    			<div class="toggle-body">
          <!-- START section -> [Blog] -->
    			<div class="section" id="blog">
    				<h3 class="left-marker">Habilidades</h3>		  
    				<?php query_posts('p=165'); ?>
    				<?php while (have_posts()) : the_post(); ?>
    		<!-- START post -->
    			<div class="post">
    			<div id="post">
    			<div class="entry">
    				<?php the_content();?>
    			</div>
    			</div>
    			</div>
    		<!-- END post -->
    				<?php endwhile;
    				?>
    			</div>
          <!-- END section -->
    			</div>
    			</div>
        <!-- END toggle -->
    	
        <!-- START toggle -->
    			<div class="toggle-list">
    			<div class="toggle-head"> <span class="toggle-icon"><img src="<?php bloginfo("template_directory");?>/images/plus.png” alt=”” /></span>
    				<h3>Contato</h3>
    			</div>
    			<div class="toggle-body">
          <!-- START section -> [Contact] -->
    			<div class="section">
    				<h3 class="left-marker">Contato</h3>
    			<div id="submitform">
    			<div id="log"></div>
    			<form id="ajaxform" action="<?php bloginfo("template_directory");?>/action.php” method=”post”>
    				<label for="fullname">Seu nome*</label>
    				<input name="fullname" id="fullname" type="text" value="" />
    				<label for="email">E-mail*</label>
    				<input name="email" id="email" type="text" value="" />
    				<label for="website">Site</label>
    				<input name="website" id="website" type="text" value="" />
    				<label for="message">Mensagem*</label>
    				<textarea name="message" rows="10" cols="6" id="message"></textarea>
    				<input type="submit" id="submit" name="submit" value="Validar" />
    			</form>
    			</div>
    			<div id="contact-info">
    				<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('contact-info') ) : ?><?php endif;?>
    			</div>
    			<div class="fix" ></div>
    			</div>
    	  <!-- END section -->
    			</div>
    			</div>
        <!-- END toggle -->    
    	
        <!-- START section -> [Joine] -->
        <div class="section">
          <h3 class="left-marker">Junte-me</h3>
          <ul id="socials">
           
            <?php if(get_option('ht_facebook_url')<>“”){ ?>
            <li><a title="Viadeo" href="http://www.viadeo.com/pt/profile/stephane.bourrutlacouture">
            <img src="<?php bloginfo("template_directory");?>/images/viadeo_32.png” alt=”” />
            </a></li>
            <?php }?>
            
            <?php if(get_option('ht_linkedin_profile_url')<>“”){ ?>
            <li><a title="LinkedIn" href="<?php echo get_option('ht_linkedin_profile_url'); ?>“>
            <img src="<?php bloginfo("template_directory");?>/images/linkedin_32.png” alt=”” />
            </a></li>
            <?php }?>
    
            <?php if(get_option('ht_linkedin_profile_url')<>“”){ ?>
            <li><a title="TravelSteph.com" href="http://www.travelsteph.com">
            <img src="<?php bloginfo("template_directory");?>/images/ts.png” alt=”” />
            </a></li>
            <?php }?>
            
          </ul>
          <br class="fix" />
        </div>
        <!-- END section -->
    	  </div>
      <!-- END Middle -->
    <?php get_footer();?>

    Avez-vous une idée pour enlever les fameuses “barres” qui s’affiche avec IE (mais pas avec Firefox) dans 2 des 3 parties déroulantes ??

    Merci d’avance pour votre aide.

    #727054
    ETNZ
    Participant
    Initié WordPress
    39 contributions

    Aucune idée ? Je ne trouve pas la solution…

    Merci !

    #727055
    ETNZ
    Participant
    Initié WordPress
    39 contributions

    Mon site est maintenant en ligne mais le problème persiste. Avec IE, j’ai une “double barre” qui apparait lorsque je déroule certains éléments (pour les pages français, anglais et portugais).

    Une idée pour résoudre ce problème ?

    Merci d’avance !

    #727056
    chamomor
    Participant
    Maître WordPress
    1914 contributions

    Bonsoir ETNZ,
    C’est toujours avec Explorer qu’il faut bidouiller du css à part… Deux solutions possibles:
    créer un style.css spécialement pour explorer (version 7 et 8 sont différentes, tu risques d’avoir ce problème de menu et d’apparence de site très différent pour chaque version d’Explorer et pas seulement avec le menu… vérifie, hélas c’est presque toujours vrai). Cette première solution nécessite d’appeler ta feuille de ‘style-ie.css’ dans le header.
    La deuxième (il y en a beaucoup d’autres), si tu es certain que les différences d’affichage ne concernent que ton menu, est de mettre une condition directement dans ta feuille de style.

    Plus d’infos avec un peu de documentation, parcoure les articles des deux sites en français suivant, ils t’aideront :

    css4design

    Alsacreations

    il faut savoir que Explorer n’interprète pas de la même manière que Chrome, Firefox et Safari, surtout côté ‘box’. Il faut généralement définir une taille (weight et height), par exemple.

    bon courage

    #727057
    ETNZ
    Participant
    Initié WordPress
    39 contributions

    Merci Chamor pour ta réponse. Ca ne semble pas bien simple… Comme je viens de remarquer que depuis l’ouverture du site il y a 55% des visiteurs avec Firefox et seulement 22% avec IE, je pense que je regardais ça quand j’aurai du temps, sans urgence.

    Merci encore et à bientôt.

    #727058
    Maitre Mo
    Participant
    Maître WordPress
    1656 contributions

    Tu as pas mal d’erreurs de validation, sinon, il se peut fort que l’écart d’affichage vienne de certaines d’entre elles : tu devrais corriger, avant toute chose.

    #727059
    ETNZ
    Participant
    Initié WordPress
    39 contributions

    Oula, effectivement…
    Bon, je viens de passer un peu de temps à chercher dans mes fichiers et sur internet mais…je ne comprends rien. Pourtant, c’est indiqué comment corriger les erreurs… Mais…ou dois-je les corriger ?! Je n’arrive pas à retrouver les fichiers sources de ces erreurs de validation. Une indication ?

    Comment me servir du “Cleaned-up Source Listing” ?

    Merci pour votre aide.

    #727060
    Lumiere de Lune
    Participant
    Maître WordPress
    19367 contributions

    Il faut ensuite repasser à travers les différents fichiers de ton thème (y compris pour la sidebar, les plugins) pour voir quels sont ceux qui génèrent les erreurs de code

    #727061
    ETNZ
    Participant
    Initié WordPress
    39 contributions

    Merci Lumière de Lune pour ces précisions. Je n’ai pas encore eu le temps de m’y pencher et internet marche mal, mais je regarde ça dans les tous prochains jours.
    Merci !

    #727062
    Franck (fge)
    Modérateur
    Maître WordPress
    9576 contributions

    J’ai eu un problème similaire avec du code mis dans un widget text provoquant une deuxième barre de pied de page avec le thème twenty-ten. Le problème se manifestait avec IE8 et n’existait pas en mode compatibilité IE7 (et pas non plus firefox).
    Dans mon cas, Il n’y avait pas d’erreur (juste des warning) au niveau de la validation. La suppression des espaces avant les balises de fin 😉 m’a permis de résoudre le problème.

    #727063
    ETNZ
    Participant
    Initié WordPress
    39 contributions
    Lumière de Lune wrote:
    Il faut ensuite repasser à travers les différents fichiers de ton thème (y compris pour la sidebar, les plugins) pour voir quels sont ceux qui génèrent les erreurs de code

    ==> Bon, j’ai fait des tests mais ça n’a pas résolue mes erreurs.
    Ce que je ne comprends pas, c’est que la plupart des erreurs viennent du flux RSS…et nul part j’ai ce “contenu” dans mon code WP (genre les url des liens du flux RSS) donc je ne peux pas corriger ces erreurs, si ?! Et le contenu modifié (notamment format=feed&type=rss) n’est pas “pris en compte” donc l’erreur persiste.

    fge wrote:
    J’ai eu un problème similaire avec du code mis dans un widget text provoquant une deuxième barre de pied de page avec le thème twenty-ten. Le problème se manifestait avec IE8 et n’existait pas en mode compatibilité IE7 (et pas non plus firefox).
    Dans mon cas, Il n’y avait pas d’erreur (juste des warning) au niveau de la validation. La suppression des espaces avant les balises de fin 😉 m’a permis de résoudre le problème.

    ==> Merci pour ta réponse. J’ai regardé de ce côté la mais ça n’a rien changé malheureusement. Merci pour ton partage d’expérience.

11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.