CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
山寨机中的战斗机! 程序优化工程师到底对IT界有没有贡献
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  HTML(CSS)

单元格里的滚动条为什么是灰色的,不可用?

楼主unotfish(子非鱼)2006-06-01 12:19:21 在 Web 开发 / HTML(CSS) 提问

<%@   Page   Language="VB"   ContentType="text/html"   ResponseEncoding="gb2312"   %>  
  <!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  <html   xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=UTF-8"   />  
  <title>Dalian   Victor   IC   Co.,   Ltd.   </title>  
  <style   type="text/css">  
  <!--  
  body,td,th   {  
  font-size:   12px;  
  line-height:150%;  
   
  }  
  a:link   {  
  text-decoration:   none;  
  color:   #000000;  
  }  
  a:visited   {  
  text-decoration:   none;  
  color:   #000000;  
  }  
  a:hover   {  
  text-decoration:   none;  
  color:   #000000;  
  }  
  a:active   {  
  text-decoration:   none;  
  color:   #000000;  
  }  
  .STYLE2   {  
  font-family:   "Times   New   Roman",   Times,   serif;  
  font-size:   16px;  
  }  
  -->  
  </style>  
  <script   type="text/JavaScript">  
  <!--  
   
   
   
  function   MM_preloadImages()   {   //v3.0  
      var   d=document;   if(d.images){   if(!d.MM_p)   d.MM_p=new   Array();  
          var   i,j=d.MM_p.length,a=MM_preloadImages.arguments;   for(i=0;   i<a.length;   i++)  
          if   (a[i].indexOf("#")!=0){   d.MM_p[j]=new   Image;   d.MM_p[j++].src=a[i];}}  
  }  
  //-->  
  </script>  
  </head>  
  <body   topmargin="0">  
  <div   align="center">  
      <table   width="830"   border="0"   cellpadding="0"   cellspacing="0">  
          <tr>  
              <td   width="10"   valign="bottom"   bgcolor="#003366"><img   src="images/d3.gif"   width="13"   height="57"   /></td>  
              <td   width="131"   valign="bottom"   bgcolor="#0170AE"><img   src="images/logo.gif"   width="140"   height="65"   /></td>  
              <td   width="699"   align="right"   valign="bottom"   bgcolor="#003366"><map   name="Map6"   id="Map6">  
                      <area   shape="rect"   coords="35,1,59,12"   href="home.aspx"   />  
                  </map>  
                  <table   width="100"   border="0"   cellspacing="0"   cellpadding="0">  
                      <tr>  
                          <td   align="right"><img   src="images/flag.gif"   width="68"   height="18"   border="0"   usemap="#Map3"   /></td>  
                      </tr>  
                  </table>  
                  <br   /></td>  
          </tr>  
          <tr>  
              <td   height="22"   colspan="3">&nbsp;</td>  
          </tr>  
          <tr>  
              <td   height="479"   colspan="3"><table   width="450"   border="0"   cellspacing="0"   cellpadding="0">  
                              <tr>  
                                <td   height="594"><div   style="width:100%;height:100;overflow-x:hidden;overflow-y:scroll">Dalian   Victor   IC   Co.   Ltd,.   headquartered   in   Montreal,   Canada,   specializes   in   embedded   speech   recognition   technology.   Established   in   April   2003,   Victor   is   focused   on   providing   Voice   &   Image   Creative   Technologies   for   Optimization   Recognition.   <br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br></div>           </td>  
            <td>右单元格           </td>  
                              </tr>  
              </table></td>  
          </tr>  
          <tr>  
              <td   height="44"   colspan="3"   bgcolor="B3D2E1"><div   align="center"></div></td>  
          </tr>  
          <tr>  
              <td   colspan="3">&nbsp;</td>  
          </tr>  
      </table>  
  </div>  
   
   
  <map   name="Map"   id="Map"><area   shape="rect"   coords="29,21,93,59"   href="home_c.aspx"   />  
  <area   shape="rect"   coords="103,20,182,58"   href="aboutus_c.aspx"   />  
  <area   shape="rect"   coords="190,19,272,61"   href="products_c.aspx?id=1"   />  
  <area   shape="rect"   coords="283,21,366,73"   href="contact_c.aspx"   />  
  <area   shape="rect"   coords="373,21,457,74"   href="careers_c.aspx?id=1"   />  
  <area   shape="rect"   coords="463,22,525,64"   href="news_c.aspx?link_id=1"   />  
  <area   shape="rect"   coords="534,22,618,59"   href="messages_c.aspx"   />  
  </map>  
  <map   name="Map2"   id="Map2">  
      <area   shape="rect"   coords="1,1,26,14"   href="home_c.aspx"   />  
  <area   shape="rect"   coords="35,2,60,13"   href="home.aspx"   />  
  </map>  
  <map   name="Map3"   id="Map3"><area   shape="rect"   coords="4,3,29,26"   href="home_c.aspx"   />  
  <area   shape="rect"   coords="37,3,65,20"   href="home.aspx"   />  
  </map>  
  </body>  
  </html>  
  问题点数:20、回复次数:23Top

1 楼unotfish(子非鱼)回复于 2006-06-01 12:56:41 得分 0

能帮看下吗,谢谢了!Top

2 楼unotfish(子非鱼)回复于 2006-06-01 13:01:57 得分 0

是不是css里少东西啊Top

3 楼pli0825(念叨念叨,我念叨死你!)回复于 2006-06-01 13:35:30 得分 10

真晕。你这段代码拷下来,直接可用的阿。滚动条也是好的。  
   
  没错误阿。  
  IE,Maxthon,FireFox里面都是好的。不知道你的浏览器是怎么了。  
   
  奇怪  
  Top

4 楼unotfish(子非鱼)回复于 2006-06-01 13:39:59 得分 0

不对啊,我用别人的机器看也不可以,   www.daicom.ca/victor/aboutus.aspx   还是不可用的Top

5 楼pli0825(念叨念叨,我念叨死你!)回复于 2006-06-01 13:46:49 得分 0

怪死。我把代码拷下来看的确正确的。可是看你的网站www.daicom.ca/victor/aboutus.aspx   的确是没有滚动条的。  
   
  奇怪了  
   
  Top

6 楼pli0825(念叨念叨,我念叨死你!)回复于 2006-06-01 13:53:59 得分 0

<%@   Page   Language="VB"   ContentType="text/html"   ResponseEncoding="gb2312"   %>  
  <!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  <html   xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=GB2312"   />  
  <title>Dalian   Victor   IC   Co.,   Ltd.   </title>  
  <style   type="text/css">  
  <!--  
  body,td,th   {  
  font-size:   12px;  
  line-height:150%;  
   
  }  
  a:link   {  
  text-decoration:   none;  
  color:   #000000;  
  }  
  a:visited   {  
  text-decoration:   none;  
  color:   #000000;  
  }  
  a:hover   {  
  text-decoration:   none;  
  color:   #000000;  
  }  
  a:active   {  
  text-decoration:   none;  
  color:   #000000;  
  }  
  .STYLE2   {  
  font-family:   "Times   New   Roman",   Times,   serif;  
  font-size:   16px;  
  }  
  -->  
  </style>  
  <script   type="text/JavaScript">  
  <!--  
   
   
   
  function   MM_preloadImages()   {   //v3.0  
      var   d=document;   if(d.images){   if(!d.MM_p)   d.MM_p=new   Array();  
          var   i,j=d.MM_p.length,a=MM_preloadImages.arguments;   for(i=0;   i<a.length;   i++)  
          if   (a[i].indexOf("#")!=0){   d.MM_p[j]=new   Image;   d.MM_p[j++].src=a[i];}}  
  }  
  //-->  
  </script>  
  </head>  
  <body   topmargin="0">  
  <div   align="center">  
      <table   width="830"   border="0"   cellpadding="0"   cellspacing="0">  
          <tr>  
              <td   width="10"   valign="bottom"   bgcolor="#003366"><img   src="images/d3.gif"   width="13"   height="57"   /></td>  
              <td   width="131"   valign="bottom"   bgcolor="#0170AE"><img   src="images/logo.gif"   width="140"   height="65"   /></td>  
              <td   width="699"   align="right"   valign="bottom"   bgcolor="#003366"><map   name="Map6"   id="Map6">  
                      <area   shape="rect"   coords="35,1,59,12"   href="home.aspx"   />  
                  </map>  
                  <table   width="100"   border="0"   cellspacing="0"   cellpadding="0">  
                      <tr>  
                          <td   align="right"><img   src="images/flag.gif"   width="68"   height="18"   border="0"   usemap="#Map3"   /></td>  
                      </tr>  
                  </table>  
                  <br   /></td>  
          </tr>  
          <tr>  
              <td   height="22"   colspan="3">&nbsp;</td>  
          </tr>  
          <tr>  
              <td   height="479"   colspan="3">  
              <table   height="100%"   width="450"   border="1"   cellspacing="0"   cellpadding="0">  
                              <tr>  
                              <td   style="width:594;background:pink"><div   style="background:red;width:100%;height:100;overflow-x:hidden;overflow-y:scroll">Dalian   Victor   IC   Co.   Ltd,.   headquartered   in   Montreal,   Canada,   specializes   in   embedded   speech   recognition   technology.   Established   in   April   2003,   Victor   is   focused   on   providing   Voice   &   Image   Creative   Technologies   for   Optimization   Recognition.   <br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br></div>这是div下面的内容</td>  
            <td>右单元格</td>  
                              </tr>  
              </table>  
            </td>  
          </tr>  
          <tr>  
              <td   height="44"   colspan="3"   bgcolor="B3D2E1"><div   align="center"></div></td>  
          </tr>  
          <tr>  
              <td   colspan="3">&nbsp;</td>  
          </tr>  
      </table>  
  </div>  
   
   
  <map   name="Map"   id="Map"><area   shape="rect"   coords="29,21,93,59"   href="home_c.aspx"   />  
  <area   shape="rect"   coords="103,20,182,58"   href="aboutus_c.aspx"   />  
  <area   shape="rect"   coords="190,19,272,61"   href="products_c.aspx?id=1"   />  
  <area   shape="rect"   coords="283,21,366,73"   href="contact_c.aspx"   />  
  <area   shape="rect"   coords="373,21,457,74"   href="careers_c.aspx?id=1"   />  
  <area   shape="rect"   coords="463,22,525,64"   href="news_c.aspx?link_id=1"   />  
  <area   shape="rect"   coords="534,22,618,59"   href="messages_c.aspx"   />  
  </map>  
  <map   name="Map2"   id="Map2">  
      <area   shape="rect"   coords="1,1,26,14"   href="home_c.aspx"   />  
  <area   shape="rect"   coords="35,2,60,13"   href="home.aspx"   />  
  </map>  
  <map   name="Map3"   id="Map3"><area   shape="rect"   coords="4,3,29,26"   href="home_c.aspx"   />  
  <area   shape="rect"   coords="37,3,65,20"   href="home.aspx"   />  
  </map>  
  </body>  
  </html>  
  看看这样的,行不行Top

7 楼unotfish(子非鱼)回复于 2006-06-01 13:59:13 得分 0

我改了,背景变红色的了,很是鲜艳夺目:)   它却还是灰色的  
  您上去看看效果吧Top

8 楼pli0825(念叨念叨,我念叨死你!)回复于 2006-06-01 14:04:54 得分 0

我现在本机上是好的。没法检查问题。只能慢慢试了  
  改成:  
  <td   style="width:594;background:pink"><div   style="background:red;width:100%;height:20%;overflow-x:hidden;overflow-y:scroll">Dalian   Victor   IC   Co.   Ltd,.   headquartered   in   Montreal,   Canada,   specializes   in   embedded   speech   recognition   technology.   Established   in   April   2003,   Victor   is   focused   on   providing   Voice   &   Image   Creative   Technologies   for   Optimization   Recognition.   <br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br>左单元格<br></div>这是div下面的内容</td>  
  Top

9 楼unotfish(子非鱼)回复于 2006-06-01 14:08:31 得分 0

谢谢您    
  传到服务器上也不行   考验我了Top

10 楼pli0825(念叨念叨,我念叨死你!)回复于 2006-06-01 14:11:51 得分 0

晕,我没辙了。抱歉。呵呵Top

11 楼unotfish(子非鱼)回复于 2006-06-01 14:22:01 得分 0

我之前试了,如果是单一一个table的话,滚动条在单元格里一点问题都没有  
  但是一嵌套就出问题了.Top

12 楼pli0825(念叨念叨,我念叨死你!)回复于 2006-06-01 14:32:25 得分 0

关键是在我本机上,嵌套的也是对的阿。怎么一上去就不对了。艾。。。。。。等高手吧Top

13 楼unotfish(子非鱼)回复于 2006-06-01 14:38:21 得分 0

看来还是我的机器诡异,呵呵,就非要在那加一滚动条,其实内容也不太多,人家嘴大,没办法Top

14 楼wskyygy(网络就是虚假)回复于 2006-06-01 16:08:36 得分 0

你的代码木有问题.不知道哪里出错了,期待高手.Top

15 楼unotfish(子非鱼)回复于 2006-06-01 16:29:29 得分 0

我也期待中......Top

16 楼unotfish(子非鱼)回复于 2006-06-02 09:26:29 得分 0

代码错误在哪啊,帮忙看看吧,谢谢了!Top

17 楼whzh719()回复于 2006-06-02 09:46:23 得分 0

代码没错,  
  可能是你机子的问题,  
  在我的机了上正常  
  滚动条也可用Top

18 楼unotfish(子非鱼)回复于 2006-06-02 10:02:50 得分 0

同样的代码  
  http://www.daicom.ca/victor/test.aspx   就不能实现  
   
  http://www.daicom.ca/victor/test2.aspx   却能实现  
   
  Top

19 楼unotfish(子非鱼)回复于 2006-06-02 11:29:41 得分 0

又ghost一遍机器,问题涛声依旧Top

20 楼slawdan(select 大便 from 粪池 where 蛆数<10)回复于 2006-06-02 12:58:41 得分 10

内容已经显示完了,没有overflow,但是有要强制显示滚动条,当然是灰色了  
   
  <div   style="background:red;width:100%;height:20%;overflow-x:hidden;overflow-y:scroll">  
   
  的overflow-y:scroll   改为   overflow-y:auto   ,可以在内容不溢出的情况下自动隐藏滚动条  
   
  如果只是要改滚动条的颜色,另有他法Top

21 楼unotfish(子非鱼)回复于 2006-06-02 13:09:43 得分 0

鬼迷心窍了Top

22 楼unotfish(子非鱼)回复于 2006-06-02 13:10:58 得分 0

病来如山倒,病去如抽丝Top

23 楼unotfish(子非鱼)回复于 2006-06-02 13:11:34 得分 0

thank   you   allTop

相关问题

关键词

得分解答快速导航

  • 帖主:unotfish
  • pli0825
  • slawdan

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo