5568 sujets

Sémantique web et HTML

Bonjour à tous,

Mon site est presque terminé et je m'aperçois d'un drôle de bug sous internet explorer. Sur l'une de mes pages où il y a une galerie JS, la colonne de droite disparait pendant quelques secondes puis réapparait sous Internet Explorer (au moins la 8 et la 9, j'ai pas su essayer les autres).

Voici un lien pour que vous puissiez voir le problème : http://www.art-line.be/demo/karac/collection.php

Mon site est actuellement en HTML5 et la colonne de droite est incrustée via un include en php.

Voici le code de la colonne de droite :
<section id="sidebar">
        
        	<div class="couleurs">
            	<header><h3>Nos ambiances</h3></header>
				<p>Choisissez une couleur :</p>
            	<ul class="thumb_list">
                <li class="first"><a href="collection.php" title="Voir notre collection jaune"><img src="images/jaune.gif" alt="Jaune" /></a></li>
                <li class="second"><a href="collection-brique.php" title="Voir notre collection brun brique"><img src="images/brun-marron.gif" alt="Brique" /></a></li>
                <li class="third"><a href="collection-brun.php" title="Voir notre collection brun foncé"><img src="images/brun-fonce.gif" alt="Brun foncé" /></a></li>
                <li class="first"><a href="collection-noir.php" title="Voir notre collection noire"><img src="images/noir.gif" alt="Noir" /></a></li>
				<li class="second"><a href="collection-mauve.php" title="Voir notre collection mauve"><img src="images/mauve.gif" alt="Mauve" /></a></li>
				<li class="third"><a href="collection-bleu.php" title="Voir notre collection bleue"><img src="images/bleu.gif" alt="Bleue" /></a></li>
				<!--<li class="first"><a href="collection-beige.php" title="Voir notre collection beige"><img src="images/ecru.gif" alt="Beige" /></a></li>-->
				<li class="first"><a href="collection-ecru.php" title="Voir notre collection écru"><img src="images/beige.gif" alt="écru" /></a></li>
            </ul>
            </div><!-- END: .sidebox--><br /><br />
			<div style="padding-top:225px" class="couleurs">
            	<header><h3>Information</h3></header>
			<p>Bien entendu, ceci n'est qu'une petite sélection de ce que nous pouvons vous proposer. 
Chaque projet étant unique, nous recherchons pour vous les produits les mieux adaptés à votre intérieur.
Nos prix s'entendent TVA comprise.<br />
Tous nos prix sont donnés à titre indicatif car ils peuvent être modifiés par nos fournisseurs.
</p></div>
            
            
        </section>


Pourtant sur les autres pages, la colonne de droite apparait comme il faut. Est-ce un conflit avec la galerie? Avez-vous des conseils à me donner pour pas avoir ces éléments qui disparaissent sous IE?

Merci d'avance.

Bien à vous,
Salut,

Peut-être que ça n'a aucun rapport, mais peut-être bien que si, mais tu devrais :

1. Corriger les erreurs de validation ;
2. Corriger l'erreur Javascript.
Agylus a écrit :
Salut,

Peut-être que ça n'a aucun rapport, mais peut-être bien que si, mais tu devrais :

1. Corriger les erreurs de validation ;
2. Corriger l'erreur Javascript.


Ah mais oui, j'avais un div qui n'était pas fermé --' . Vraiment désolé, merci encore pour votre aide.
Tiens tant que j'y suis, y-a-t-il une parade pour rendre valide l’élément
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
?

Merci d'avance Smiley smile
creativeart a écrit :
Tiens tant que j'y suis, y-a-t-il une parade pour rendre valide l’élément
&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=EmulateIE7&quot; /&gt;
?

Merci d'avance Smiley smile

Envoyer le header http qui va bien…

Déjà ça c'est bizarre, moi j'utilise le mode compatibilité "dernière version".

# ----------------------------------------------------------------------
# Better website experience for IE users
# ----------------------------------------------------------------------

# Force the latest IE version, in various cases when it may fall back to IE7 mode
# github.com/rails/rails/commit/123eb25#commitcomment-118920
# Use ChromeFrame if it's installed for a better experience for the poor IE folk
 
 
<IfModule mod_headers.c>
    Header set X-UA-Compatible "IE=Edge,chrome=1"
    # mod_headers can't match by content-type, but we don't want to send this header on *everything*
    <FilesMatch "\.(js|css|gif|png|jpe?g|pdf|xml|oga|ogg|m4a|ogv|mp4|m4v|webm|svg|svgz|eot|ttf|otf|woff|ico|webp|appcache|manifest|htc|crx|xpi|safariextz|vcf)$" >
      Header unset X-UA-Compatible
    </FilesMatch>
</IfModule>


Source
Modifié par Patidou (10 Oct 2011 - 11:52)