Bonjour, j'ai des problèmes d'affichage sur IE 8 (même en mode de compatibilité)sur mon site web. Voici mon site:
http://mdmlamag.000a.biz Voici mon code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="magasin,du,monde,oxfam,québec,quebec,magdeleine,école,ecole,de,la,csdgs,commission,scolaire,des,grandes,seigneuries,de,l'" content="" />
<meta name="Site web du magasin du monde de la Magdeleine" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Magasin du monde Mag</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.gallerax-0.2.js"></script>
<style type="text/css">
.style1
{
color: #000099;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1><a>Magasin du monde de la Mag</a></h1>
</div>
</div>
<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<div id="content">
<div>
<div id="gallery">
<div id="gallery-background"><img src="<?php bloginfo('template_url'); ?>/images/1.jpg" alt="" width="600" height="340" class="output" /></div>
<div id="gallery-bgthumb">
<ul class="thumbnails">
<li><img src="images/1.jpg" title="Enfant récoltant des graines de café." alt="" width="128" height="88" /></li>
<li><img src="images/2.jpg" title="Famille qui doit vivre sur les récoltes de café." alt="" width="100" height="75" /></li>
<li><img src="images/3.jpg" title="Une récolte de cacao." alt="" width="100" height="75" /></li>
<li><span class="style1"><img src="images/4.jpg" title="Une main pleine de café, mais d'où provient-il?" alt="" width="100" height="75" /></li>
</ul>
</span>
<br class="clear"
</div>
</div>
<script type="text/javascript">
$('#gallery').gallerax({
outputSelector: '.output', // Output selector
thumbnailsSelector: '.thumbnails li img', // Thumbnails selector
fade: 'fast', // Transition speed (fast)
navNextSelector: '.nav li a.navNext', // 'Next' selector
navPreviousSelector: '.nav li a.navPrevious' // 'Previous' selector
});
</script>
<!-- end -->
</div>
<div class="post">
<h2 class="title" style="color: #567EDC">Overture du magasin!</h2>
<p class="meta"><span class="date">28 septembre 2010</span><span class="posted">Publié par <a href="#">Kevin</a></span></p>
<div style="clear: both;"> </div>
<div class="entry">
<p>L'ouverture du magasin du monde de la Magdeleine est prévu pour le 16 novembre. Juste à temps pour la rencontre des parents.</p>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<div id="search" >
<form method="get" action="#">
<div>
<input type="text" name="s" id="search-text" value="" />
<input type="submit" id="search-submit" value="GO" />
</div>
</form>
</div>
<div style="clear: both;"> </div>
</li>
<li>
<h2>Notre devise</h2>
<p>Le monde selon Hakuna Matata.</p>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="index.html"> Accueil</a></li>
<li><a href="produits.html"> Produits</a></li>
<li><a href="apropos.html"> À propos de nous</a></li>
<li><a href="contact.html"> Contactez-nous</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
</div>
</div>
<!-- end #page -->
</div>
<div id="footer">
<p>Copyright (c) 2010 mdmlamag.org. Tout droits réservés.</p>
</div>
<!-- end #footer -->