在使用DIV的IE8中心问题

Question

我正在使用Joomla和一个特别的插件Joom Gallery构建一个站点。 Joom Gallery有一个显示滚动图像的插件。除了我认为与IE8有关的一个小故障外，所有的工作都很棒。

在FF中图像居中，但在IE8中它们对齐到左侧。

我相信有问题的代码如下：（这是由插件生成）

> <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

我不太确定是什么问题，但它是浏览器显示的东西典型的东西不同。

我不确定如果正在生成代码，您可以非常轻松地修复此问题。

但是，您可以在顶部使用CSS来查看是否可以在生成的代码中修复它，然后也许您可以弄清代码是如何生成并修复的。

你可以尝试删除浮动：左，看看它做什么等等

如果不familar与CSS，你都不得不通过什么样的类定义下面的div布局。样式标记内的代码用引号引起，以便与旧浏览器向后兼容。希望能让你走上正轨。

联系您的插件制造商并报告错误是您可以做的另一件事。