2011-10-13 66 views
0

我有一个很奇怪的问题在这里。它只发生在Internet Explorer上(真是一个惊喜)。Internet Explorer的Javascript幻灯片

基本上我试图修复一些网站,一些三流开发者完成后给了我一个网站,显然没有在IE上测试。

他们已经设置了一个JavaScript幻灯片,现在在幻灯片活动的页面上,整个封闭的“body_section”div被一直推到左边。有自己看看:

http://sapaconstruction.com.au/sapa/

这是漂浮一切左边的主页。现在,此页面上:

http://sapaconstruction.com.au/sapa/?page_id=4

一切看起来都很正常,所以它必须有事可做使用JavaScript幻灯片。以下是他们写的JavaScript看起来像(它嵌在页面上)。

<script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/compressed.js"></script> 
    <script type="text/javascript"> 
    $('homeslideshow').style.display='none'; 
    $('wrapper').style.display='block'; 
    var homeslideshow=new TINY.slideshow("homeslideshow"); 
    window.onload=function(){ 
     homeslideshow.auto=true; 
     homeslideshow.speed=5; 
     homeslideshow.init("homeslideshow","image","imgprev","imgnext","imglink"); 
    } 
    </script> 

任何有关这个问题的帮助都会令人惊叹,我已经花了几个小时尝试黑客和边缘修补程序以及类似的东西。

+0

见http://meta.stackexchange.com/questions/2950/should-hi-thanks-taglines-and-salutations-be-removed-from-posts,and keep,begling out of your questions,please。 –

+0

对不起,赢了;再次发生 – joshzee

回答

0

嗯,我可以告诉你这个。这个网站的问题远不止于此。在查看源代码时,在html节点之前有一个div。我首先会解决这个问题,就像在Firefox中一样,这会导致一些奇怪的事情发生。事实上,我认为这个“ieonly”div是什么导致这个问题,因为在IE中,这个div成为身体中的包装。建立这个网站的人对跨浏览器设计不是很熟悉,并且试图通过太多IE浏览器黑客来进行烘焙。

编辑:

问题是IE是怪异模式由于缺少一个DOCTYPE的。下面的doctype应该工作:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

+0

我已经取出了ieonly div,它似乎仍然推到左边,但只在互联网浏览器 – joshzee

+0

好吧,我已经知道了。首先,标记开始处的样式标记需要进入头部,再次在html标记之前不能有任何东西(除了文档类型)。您的问题是IE浏览器处于怪癖模式,请添加文档类型(文档中的第一行)。试试这个:<!DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> – SoWeLie

+0

谢谢你真是太棒了!完美工作 – joshzee