请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
邮件列表客服QQ 800003860切换到窄版

经典论坛

 找回密码
 注册

QQ登录

只需一步，快速开始

蓝色理想 最新研发动态 新增登录提醒插件 - 用至我的站点 地图任务一定要做 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭，选一款蓝色理想的个性T恤吧！

MIUI手机主题设计大赛，奔驰大奖等你拿！ 想加薪？！蓝色理想招聘提供你更多机会 悬赏答疑，赚取积分兑奖品！

经典论坛 › 论坛 › 网站开发区 › HTML5及WEB标准化专栏 › 我的页面有好些问题解决不了.....
返回列表 发新帖
查看: 769|回复: 9

[求助] 我的页面有好些问题解决不了..... [复制链接]

ycmln　楼主
帖子
37
体力
62
威望
0
发表于 2006-9-21 09:12:57 |显示全部楼层
http://moon.polly8.net/web/xlgz/

右边那个滚动条怎么做成现在这样啊。为了实现效果我把（<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
）去掉了，这样也通不过验证了。

民族饰品的都市情结分析这四块信息处，我不知道怎么回事在FireFox浏览下显示也不正常了
。

产品展示那里我用了一个IFRAME实现的这样效果,有没有别的发法呢。
都写完了，但是现在不知道怎么去改了。请指教！！！
谢谢！
我很简单
西部数码云主机4G内存500G仅需423元

使用道具 举报

lovelium　

心飘逝

金牌会员 手机认证 

帖子
1471
体力
4093
威望
11
居住地
广东省 深圳市
发表于 2006-9-21 09:22:42 |显示全部楼层
body{
        PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; line-height:18px; BACKGROUND: #000000; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 0px; TEXT-ALIGN: left;
    SCROLLBAR-FACE-COLOR: #000000; BACKGROUND-IMAGE: none; SCROLLBAR-HIGHLIGHT-COLOR: #FF0000; SCROLLBAR-SHADOW-COLOR: #FF0000; SCROLLBAR-3DLIGHT-COLOR: #000; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #ff0000; SCROLLBAR-DARKSHADOW-COLOR: #000; SCROLLBAR-BASE-COLOR: #ebeff2&iexcl;&iexcl;&iexcl;&iexcl;
}

这是样式
<html xmlns="http://www.w3.org/1999/xhtml">
这句要加上哟.
在FF里显示不好就多试试吧.至于产品那方法多得很.直接用MARQUEE就行了呗.没细看,先回这么多吧.
无忧团 团无忧
三原色 szrgb.net
租服务器，上51IDC

使用道具 举报

ycmln　楼主
帖子
37
体力
62
威望
0
发表于 2006-9-21 11:12:48 |显示全部楼层

改了一下还是不管用。

<html xmlns="http://www.w3.org/1999/xhtml">这个留着呢。

把<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">去掉就可以了。

我不明白是怎么回事！
我很简单

使用道具 举报

lovelium　

心飘逝

金牌会员 手机认证 

帖子
1471
体力
4093
威望
11
居住地
广东省 深圳市
发表于 2006-9-21 11:41:03 |显示全部楼层
不要加<!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">就可以了.那个规范不支持这种样式.
无忧团 团无忧
三原色 szrgb.net

使用道具 举报

ycmln　楼主
帖子
37
体力
62
威望
0
发表于 2006-9-21 12:01:31 |显示全部楼层

哦。明白了。

对了，再问一下，是不是在FF里浏览时把padding 的值都计算上。而IE浏览时不计算呢？
我宽度的问题就出在这了。

[ 本帖最后由 ycmln 于 2006-9-21 13:46 编辑 ]
我很简单

使用道具 举报

lovelium　

心飘逝

金牌会员 手机认证 

帖子
1471
体力
4093
威望
11
居住地
广东省 深圳市
发表于 2006-9-21 12:26:21 |显示全部楼层
我发现是是这样子得.还有LI一样你在UL中不定义LIST--STYLE--TYPE:NONE 设置左对齐在IE中不显示前面得.但是在FF中就会显示.所以建议做时用二个浏览器测试.
无忧团 团无忧
三原色 szrgb.net

使用道具 举报

ellvend　
帖子
46
体力
98
威望
0
发表于 2006-9-21 12:51:53 |显示全部楼层
FF里面看网站foot跑掉了...

使用道具 举报

ellvend　
帖子
46
体力
98
威望
0
发表于 2006-9-21 13:30:46 |显示全部楼层
帮你改了一下 IE和FF下都看了
点这里看

样式
  1. <style type="text/css" media="all">
  2. body{
  3.         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; line-height:18px; BACKGROUND: #000000; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 0px; TEXT-ALIGN: left;
  4.     SCROLLBAR-FACE-COLOR: #000000; BACKGROUND-IMAGE: none; SCROLLBAR-HIGHLIGHT-COLOR: #FF0000; SCROLLBAR-SHADOW-COLOR: #FF0000; SCROLLBAR-3DLIGHT-COLOR: #000; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #ff0000; SCROLLBAR-DARKSHADOW-COLOR: #000; SCROLLBAR-BASE-COLOR: #ebeff2　　
  5. }
  6. UNKNOWN {
  7.         MARGIN-LEFT: auto; MARGIN-RIGHT: auto; TEXT-ALIGN: center
  8. }
  9. DIV {
  10.         BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
  11. }
  12. FORM {
  13.         BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
  14. }
  15. UL {
  16.         BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
  17. }
  18. OL {
  19.         BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
  20. }
  21. LI {
  22.         BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
  23. }
  24. SPAN {
  25.         BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
  26. }
  27. P {
  28.         BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
  29. }
  30. IMG {
  31. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  32. }
  33. A IMG {
  34.         BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
  35. }
  36. H1 {
  37.         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  38. }
  39. H2 {
  40.         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  41. }
  42. H3 {
  43.         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  44. }
  45. H4 {
  46.         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  47. }
  48. H5 {
  49.         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  50. }
  51. H6 {
  52.         PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
  53. }
  54. UL {
  55.         LIST-STYLE-TYPE: none;
  56. }
  57. OL {
  58.         LIST-STYLE-TYPE: none;
  59. }
  60. LI {
  61.         LIST-STYLE-TYPE: none;
  62. }
  63. INPUT {
  64.         FONT-SIZE: 12px;
  65. }
  66. .input1 {
  67.         BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-LEFT: #000 1px solid;  COLOR: #58462a; BORDER-BOTTOM: #000 1px solid; HEIGHT: 17px; BACKGROUND-COLOR: #F5F3E3;
  68. }
  69. .input2 {
  70.         BORDER-RIGHT: #909FA4 1px solid; BORDER-TOP: #909FA4 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-LEFT: #909FA4 1px solid;  COLOR: #58462a; BORDER-BOTTOM: #909FA4 1px solid; HEIGHT: 17px; BACKGROUND-COLOR: #ffffff;
  71. }
  72. A:link {
  73.         COLOR: #D1CDCD; TEXT-DECORATION: none; line-height:18px;
  74. }
  75. A:visited {
  76.         COLOR: #D1CDCD; TEXT-DECORATION: none; line-height:18px;
  77. }
  78. A:active {
  79.         COLOR: #D1CDCD; TEXT-DECORATION: none; line-height:18px;
  80. }
  81. A:hover {
  82.         COLOR: #fff; TEXT-DECORATION: none; line-height:18px;
  83. }
  84. A.menu {COLOR: #fff; TEXT-DECORATION: none; font-size:12px;
  85. }
  86. A.menu:link {COLOR: #fff; TEXT-DECORATION: none; font-size:12px;
  87. }
  88. A.menu:visited { COLOR: #fff; TEXT-DECORATION: none; font-size:12px;
  89. }
  90. A.menu:hover {COLOR: #ffff00; TEXT-DECORATION: none; font-size:12px;
  91. }
  92. A.leftlink {COLOR: #F16B00; TEXT-DECORATION: none; font-size:12px; font-weight:bold;
  93. }
  94. A.leftlink:link {COLOR: #F16B00; TEXT-DECORATION: none; font-size:12px; font-weight:bold;
  95. }
  96. A.leftlink:visited { COLOR: #F16B00; TEXT-DECORATION: none; font-size:12px; font-weight:bold;
  97. }
  98. A.leftlink:hover {COLOR: #ff0; TEXT-DECORATION: none; font-size:12px; font-weight:bold;
  99. }
  100. .left{float:left;display:block;}
  101. .libj{ margin-right:3px;}
  102. .bj{ margin-right:12px;}
  103. .rightbj{ margin-right:285px;}
  104. .white{font-size:12px; color:#F16B00; font-weight:bold;}
  105. #logo{ MARGIN-RIGHT: auto; MARGIN-LEFT: auto;  background:url(http://moon.polly8.net/web/xlgz/images/logo.jpg);  width:165; height:164;}
  106. #web_left{ MARGIN: 0px 6px 0px 0px; padding:0px; width:165px; height:620px;
  107. float:left; }
  108. #web_center{ !important; MARGIN: 0px 7px 0px 0px; padding:0px; width:536px; height:620px;
  109. float:left;}
  110. #web_right{ MARGIN:0px; padding:0px;width:286px;height:620px;
  111. float:left; }
  112. #end{ MARGIN-RIGHT: auto; MARGIN-LEFT: auto;  background:url(http://moon.polly8.net/web/xlgz/images/down.gif); width:1001px;  padding-left:580px; padding-top:5px; height:38px; border-top:#000 1px solid; border-bottom:#000 2px solid; float:left;
  113. }
  114. #menu_1{ background:url(http://moon.polly8.net/web/xlgz/images/pic.gif) no-repeat; width:165px; height:24px; padding-left:15px; padding-top:1px;}
  115. #leftbg{ background:url(http://moon.polly8.net/web/xlgz/images/leftbg.gif) repeat-y; width:165px; height:145px; padding-left:10px; padding-top:1px;}
  116. #menu_2{ background:url(http://moon.polly8.net/web/xlgz/images/menu1.gif) no-repeat; width:165px; height:20px; padding-left:14px; padding-top:2px;}
  117. #menu_3{ background:url(http://moon.polly8.net/web/xlgz/images/menu1.gif) no-repeat; width:165px; height:20px; padding-left:14px; padding-top:2px;}
  118. #lxwmnr{background:url(http://moon.polly8.net/web/xlgz/images/leftbg.gif) repeat-y; width:165px; height:115px; padding-left:10px; padding-top:1px;}
  119. #ggw{ background:url(http://moon.polly8.net/web/xlgz/images/leftend.gif) repeat-y;width:165px; height:100px; padding:0px; margin:0px; text-align:center; padding-top:15px;}
  120. #web_menu{ background:url(http://moon.polly8.net/web/xlgz/images/menubg.gif) no-repeat; width:536px; height:38px; margin-top:5px; padding-left:10px; padding-top:5px;}
  121. #banner{  background-color:#3B0B03; width:536px; height:80px; padding-top:0px; text-align:center;}
  122. #jms{ width:536px; height:25px; padding-top:3px;}
  123. #zxxw{  background-color:#5E1A0E; width:536px; height:17px; padding-top:1px;}
  124. #xwnr{  width:536px; height:80px; padding-top:1px; padding-left:5px;}
  125. .libg{background:url(http://moon.polly8.net/web/xlgz/images/libg.gif) repeat-x; height:21px; padding-top:2px; width:410px; float:left}
  126. .libg1{background:url(http://moon.polly8.net/web/xlgz/images/libg.gif) repeat-x; height:21px; padding-top:2px; width:115px; float:left}
  127. #cp{width:536px; height:125px; padding-top:0px; float:left;}
  128. #cpbg{ background:url(http://moon.polly8.net/web/xlgz/images/picbg2.gif) repeat-x; width:492px; height:125px; padding-top:6px;}
  129. #qjfx{ background-color:#0C0C0C; width:265px; height:105px; margin-top:0px; margin-right:6px;}
  130. #mzsp{ background-color:#0C0C0C; width:265px; height:105px; margin-top:5px; margin-right:6px;}
  131. #xljp{ background-color:#0C0C0C;  width:265px; height:105px; margin-top:0px;  }
  132. #zmd{ background-color:#0C0C0C;  width:265px; height:105px; margin-top:5px;  }
  133. .bt{ background-color:#5E1A0E; width:265px; height:20px; padding-top:1px;padding-left:5px; }
  134. .bt1{ background-color:#5E1A0E; width:40px; height:20px; padding-top:1px;padding-left:5px; }
  135. .lihj{ height:20px; padding-left:5px; }
  136. .ulbg{ padding-top:5px;
  137. }

  139. </style>
复制代码

使用道具 举报

ycmln　楼主
帖子
37
体力
62
威望
0
发表于 2006-9-21 13:54:42 |显示全部楼层

嗯，我看看。谢谢！！

我很简单

使用道具 举报

ycmln　楼主
帖子
37
体力
62
威望
0
发表于 2006-9-21 15:28:01 |显示全部楼层

我重新写了一遍。

现在两个浏览器下显示基本正常。
谢谢各位指点！！
我很简单

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Html Smilies
您需要登录后才可以回帖 登录 | 注册


Archiver|手机版|blueidea.com ( 京ICP备05002321号 )    

GMT+8, 2012-5-25 14:46 , Processed in 0.100502 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部