Problème de centrage dans IE8 en utilisant DIVs

Question

Je construis un site en utilisant Joomla et un plugin paticular Joom Gallery. Joom Gallery a un plugin qui affiche des images défilantes. Tout fonctionne bien, sauf une faute mineure qui, je crois, est quelque chose à voir avec IE8.

Dans FF, les images sont centrées, mais dans IE8, elles sont alignées vers la gauche.

Je belive le code incriminé est la suivante: (Ceci est généré par le plug-in)

> <style type="text/css"> 
>  <!-- .joomimg60_imgct { width:100% !important; float:left; } 
> .joomimg60_img { display:block; 
> text-align:center!important; 
> vertical-align:top!important; } 
> .joomimg60_txt { 
> clear:both;text-align:center!important; 
> vertical-align:top!important; } 
> 
>  --> </style> 
> 
> 
> <div class="joomimg60_main"> 
> <marquee behavior="scroll" 
> direction="down" loop="infinite" 
> height="250" width="200" 
> scrollamount="1" scrolldelay="10" 
> onmouseover="this.stop()" 
> onmouseout="this.start()" 
> class="joomimg60_scroll"> <div 
> class="sectiontableentry1 
> joomimg60_row"> 
> 
>  <div class="joomimg60_imgct"> 
>  <div class="joomimg60_img"> <a href="/index.php?option=com_joomgallery&amp;func=detail&amp;id=2&amp;Itemid=30&amp;lang=en" 
> > <img src="http://clubquad.fr/components/com_joomgallery/img_thumbnails/quad_racing_3/quad_racing_20091226_1696329240.jpg"alt="Quad 
> Racing"title="Quad Racing" /> 
> </a></div> <div class="joomimg60_txt"> 
> <a href="javascript:alert('Guests are 
> not allowed to view picture details. 
> Please login.')" 
> class="joomimg60_name"> Quad Racing 
> </a><br /> </div> 
>  </div> </div> <div class="joomimg_clr"></div> <div 
> class="sectiontableentry2 
> joomimg_row"> 
>  <div class="joomimg60_imgct"> 
>  <div class="joomimg60_img"> <a href="/index.php?option=com_joomgallery&amp;func=detail&amp;id=6&amp;Itemid=30&amp;lang=en" 
> > <img src="http://clubquad.fr/components/com_joomgallery/img_thumbnails/member_gallery_5/member_gallery_20091226_1973325895.jpg"alt="Member 
> Gallery"title="Member Gallery" /> 
> </a></div> <div class="joomimg60_txt"> 
> <a href="javascript:alert('Guests are 
> not allowed to view picture details. 
> Please login.')" 
> class="joomimg60_name"> Member Gallery 
> </a><br /> </div> 
>  </div> </div> <div class="joomimg_clr"></div> <div 
> class="sectiontableentry1 
> joomimg_row"> 
>  <div class="joomimg60_imgct"> 
>  <div class="joomimg60_img"> <a href="/index.php?option=com_joomgallery&amp;func=detail&amp;id=1&amp;Itemid=30&amp;lang=en" 
> > <img src="http://clubquad.fr/components/com_joomgallery/img_thumbnails/off_road_2/can-am_outlander_800_20091226_1680437934.jpg"alt="Can-am 
> Outlander 800"title="Can-am Outlander 
> 800" /> </a></div> <div 
> class="joomimg60_txt"> <a 
> href="javascript:alert('Guests are not 
> allowed to view picture details. 
> Please login.')" 
> class="joomimg60_name"> Can-am 
> Outlander 800 </a><br /> </div> 
>  </div> </div> 

Answer 1

Je ne suis pas sûr de ce que le problème est, mais il est une chose typique pour les navigateurs à afficher les choses différemment.

Je ne suis pas sûr que vous pouvez résoudre ce problème très facilement si le code est généré.

Cependant, vous pouvez jouer avec le CSS en haut pour voir si vous pouvez le corriger dans le code généré, alors peut-être vous pouvez comprendre comment ce code est généré et réparer cela aussi.

Vous pouvez essayer d'enlever le flotteur: gauche et voir ce qu'il fait etc ...

Si vous n'êtes pas familier avec CSS ce que vous avez en haut définit la mise en page des divs ci-dessous par leur classe. Le code à l'intérieur des balises de style est entre guillemets pour une compatibilité descendante avec les anciens navigateurs. J'espère que cela vous met sur la bonne voie.

Contacter les fabricants de votre plugin et rapporter le bug est une autre chose que vous pouvez faire.