在使用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佈局。樣式標記內的代碼用引號引起，以便與舊瀏覽器向後兼容。希望能讓你走上正軌。

聯繫您的插件製造商並報告錯誤是您可以做的另一件事。