打印

[已解决]网站在多种浏览器下的兼容问题

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

1^# 大中小发表于 2008-7-15 16:46

http://lmz.net.cn/about/index.asp
这个网站在IE和OPERA下浏览是正常的,但在FIREFOX和safari下查看发现中间的滚动条无法使用,即右边那个长小方块无法滚动下来使用,不知为何?还有在SAFARI浏览器下中间那个不知为何不能读取CSS,字变得好大的.请大侠指点下???JS不兼容问题.
主页中的<iframe border=0 frameborder=0 framespacing=0 height=243 marginheight=0 marginwidth=0 name=ff noResize scrolling=no src="index_1.asp" width=370 vspale="0" allowTransparency="true"></iframe>
这是里面那个包含文件index_1.asp中的源码.

<html>
<head>
<link href="../lmz.css" rel="stylesheet" type="text/css">
<title>LMZ</title>
</head>
<style type="text/css">
.Container {
  position: absolute;
  top: 0px; right: 0px;left:30px;
  width: 350px;
  height: 280px;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 350px;
  height: 280px;
}
#Scroller-1 p {
  margin: 0; padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;float:right;
}
#Scrollbar-Container {
  position: absolute;
  top: 20px; right: 7px;
}
.Scrollbar-Track {
  width: 1px; height: 223px;
  position: absolute;
  top: 0px; left:0px;
  background: transparent url(../images/shugun.gif) no-repeat center center;
}
.Scrollbar-Handle {
margin-left:-2px;position: absolute;cursor: pointer;
border:1px solid #fff; }
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  width: 6px; height:6px;
  
}
.Scrollbar-Down {
  cursor: pointer;
  top:250px;
  width: 6px; height: 7px;
}
</style>
<script type="text/javascript" src="../src/jsScroller.js"></script>
<script type="text/javascript" src="../src/jsScrollbar.js"></script>
<script type="text/javascript">
var scroller  = null;
var scrollbar = null;
window.onload = function () {
  scroller  = new jsScroller(document.getElementById("Scroller-1"), 400, 200);
  scrollbar = new jsScrollbar (document.getElementById("Scrollbar-Container"), scroller, false);
}
</script>
<body style="background-color:transparent">
<div id="Scrollbar-Container">
    
    <div class="Scrollbar-Track">
      <img src="../images/scrollbar_handle.gif" class="Scrollbar-Handle" />
    </div>
  </div>
<div class="Container">
<div id="Scroller-1">
    <div class="Scroller-Container"> 
      <table width="320" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="15"></td></tr>
		<tr>
          <td>LMZ is a, Hong Kong based, Service Company. It was established two 
            years ago to help small and medium sized foreign companies wanting 
            to do business in China. The Company seeks to become those companies'  
            local presence in China and provide support in sourcing, consolidating 
            and shipping locally produced goods for them.
			<br /><br />
           LMZ understands that the size of the business, the available resources 
              and the shortage of people of small and medium sized foreign companies 
              can be a limitation to get the attention of the local suppliers 
              who need to be as effective as possible in doing business, especially 
              during Trade Fair periods.
			  <br /><br />
            LMZ is an organization whose goal is to understand the client's 
              needs, particularly for small and medium sized enterprises, and 
              set up a network of suppliers who are willing to meet these clients' 
              needs with the support of LMZ's local presence.
			  <br /><br />
           LMZ's goal is to build a strong bridge between clients and Chinese 
              suppliers that closes the deal between the two companies. As a result, 
              LMZ becomes a strong partner in China for both the client and supplier 
              that ensures the relationship is cultivated between the parties involved.</td>
        </tr>
      </table>
    </div>
  </div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由瑶子于 2008-7-16 17:24 编辑 ]

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP

做西部数码代理.Cn1元国际45元 | IT专家提醒您此帖已被关注

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

2^# 大中小发表于 2008-7-15 17:17

有人建议不要用IFRAME来包含那个文件?那使用什么呀,请指教下.

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP

【美橙超级G空间】688元绑定10个子目录

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

3^# 大中小发表于 2008-7-16 09:35

?没有人知道???

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP

请大家尊重和保护奥运知识产权。

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

4^# 大中小发表于 2008-7-16 09:57

关我这两个JS文件的不兼容吗?

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

ycsy520

初级会员

帖子: 98
体力: 199
威望: 0
当前: 广东深圳
离线: 40 天

5^# 大中小发表于 2008-7-16 09:57

受这个：
#Scrollbar-Container 的样式

element.style {
visibility:visible;
}
#Scrollbar-Container {
position:absolute;
right:7px;
top:20px;
}
影响，把这个element.style {
visibility:visible;
}用别的方法试试。

不写拉倒~

TOP

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

6^# 大中小发表于 2008-7-16 10:03

ycsy520 ,是中间内容右边的滚动条方块用不了.在FF下看.不知是不是兼容问题.你说的那个我试了,好像不行呀.

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP

ycsy520

初级会员

帖子: 98
体力: 199
威望: 0
当前: 广东深圳
离线: 40 天

7^# 大中小发表于 2008-7-16 10:13

那个visibility:visible;貌似是在你javascript控制或这个受别的样式影响，你可以在firefox里面用firebug查看编辑

不写拉倒~

TOP

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

8^# 大中小发表于 2008-7-16 10:23

<img src="../images/scrollbar_handle.gif" class="Scrollbar-Handle" />就是这块东西动不了.
element.style {
left:0px;
top:0px;
visibility:visible;
}怪了,这个CSS,我在页面中没加,为什么firebug查看编辑会有的?

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP

ycsy520

初级会员

帖子: 98
体力: 199
威望: 0
当前: 广东深圳
离线: 40 天

9^# 大中小发表于 2008-7-16 10:34

这个你是用javascript来控制那个拖到东西产生的样式

不写拉倒~

TOP

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

10^# 大中小发表于 2008-7-16 10:48

这个长方块是用JS来控制的.所以我想是JS在FF下不兼容,但又不会改.郁闷.

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

11^# 大中小发表于 2008-7-16 11:04

继续请教中..

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

12^# 大中小发表于 2008-7-16 14:20

继续请教JS在不同浏览器中的兼容问题..

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

13^# 大中小发表于 2008-7-16 14:50

在一位大侠的帮助下,最终找到这个原型了,但对照自己的,不知道哪里出错了?
http://www.n-son.com/scripts/jsScrolling/example4.html

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP

瑶子 [楼主]

经典瑶子

金牌会员

帖子: 1448
体力: 3022
威望: 0

14^# 大中小发表于 2008-7-16 17:23

问题终于找出来了.原来是的层被遮住了.郁闷呀.一个小问题搞S人了.

.Scrollbar-Track {
  width: 1px; height: 223px;
  position: absolute;
  top: 0px; left:0px;
  background: transparent url(../images/shugun.gif) no-repeat center center;z-index:1000;
}
加了这个z-index:1000;就行了.

[ 本帖最后由瑶子于 2008-7-16 17:26 编辑 ]

我设计，我热爱
www.fshanxiang.com/fang/index.htm

TOP