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来查看是否可以在生成的代码中修复它，然后也许您可以弄清楚如何生成此代码并修复它。

您可以尝试删除浮动：向左看看它做了什么......

如果您不熟悉CSS，那么您在顶部所拥有的内容将定义下面div的布局。样式标记内的代码用引号表示向后兼容旧版浏览器。希望能让你走上正轨。

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

使用DIV在IE8中居中问题

1 个答案: