首页 新闻 会员 周边 捐助

网站首页布局出错,只能显示一半

0
悬赏园豆:30 [已解决问题] 解决于 2012-04-23 10:10

问题补充:

浏览器页面上半部分可以显示出来 ,下半部分却是空白

这个是布局用的格式

View Code
 1 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><link href="images/style.css" type="text/css" rel="stylesheet"/>
 2   <style type="text/css">
 3         .main_left {
 4                       TABLE-LAYOUT: auto; BACKGROUND: url(images/left_bg.gif)
 5                    }
 6         .main_left_top {
 7                           BACKGROUND: url(images/left_menu_bg.gif); PADDING-TOP: 5px
 8                        }
 9         .main_left_title {
10                             PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; TEXT-ALIGN: left
11                          }
12         .left_iframe {
13                          BACKGROUND: none transparent scroll repeat 0% 0%; VISIBILITY: inherit; WIDTH: 180px; HEIGHT: 92%
14                      }
15         .main_iframe {
16                         Z-INDEX: 1; VISIBILITY:visible ; WIDTH: 100%; HEIGHT: 92% ;background-image: url(images/bg_1.gif);}
17                       }
18         TABLE {
19                  FONT-SIZE: 12px; FONT-FAMILY: tahoma, 宋体, fantasy
20               }
21         TD {
22                 FONT-SIZE: 12px; FONT-FAMILY: tahoma, 宋体, fantasy
23             }
24   </style>
25 
26   <script language="javaScript" src="images/admin.js" type="text/javascript"></script>
27 
28   <script language="javascript"  type="text/javascript" src="images\Admin(1).js"></script>
29 
30   <script type="text/javascript">
31         var status = 1;
32         var Menus = new DvMenuCls;
33         document.onclick=Menus.Clear;
34         function switchSysBar(){
35              if (1 == window.status){
36                   window.status = 0;
37                   switchPoint.innerHTML = '<img src="images/left.gif">';
38                   document.all("frmTitle").style.display="none"
39              }
40              else{
41                   window.status = 1;
42                   switchPoint.innerHTML = '<img src="images/right.gif">';
43                   document.all("frmTitle").style.display=""
44              }
45         }
46    </script>
47 
48    <script language="javaScript" src="images/admin.js" type="text/javascript"></script>
49 
50    <script language="javascript"  type="text/javascript" src="images\Admin(1).js"></script>
51 
52    <script type="text/javascript">
53         var status = 1;
54         var Menus = new DvMenuCls;
55         document.onclick=Menus.Clear;
56         function switchSysBar(){
57              if (1 == window.status){
58                   window.status = 0;
59                   switchPoint.innerHTML = '<img src="images/left.gif">';
60                   document.all("frmTitle").style.display="none"
61              }
62              else{
63                   window.status = 1;
64                   switchPoint.innerHTML = '<img src="images/right.gif">';
65                   document.all("frmTitle").style.display=""
66              }
67         }
68    </script>

这个是导航以下部分的布局代码

View Code
 1 <table style="background-color:#337abb ; height:92% ; width:100%" cellspacing="0"  cellpadding="0"  border="0">
 2   <tbody> 
 3   <tr>
 4     <td class="main_left" id="frmTitle" valign="top" align="center"  name="frmTitle" style="width: 182px">
 5     <table class="main_left_top" cellspacing="0" cellpadding="0" width="100%" border="0">
 6         <tbody>
 7          <tr height="32">
 8           <td valign="top"></td>
 9           <td class="main_left_title" id="leftmenu_title">常用快捷功能</td>
10           <td valign="top" align="right"></td>
11          </tr>
12          </tbody>
13      </table>
14          <iframe class="left_iframe" id="frmleft" name="frmleft" src="images/left.htm" frameborder="0"  allowtransparency=""></iframe>
15    <%--  <table cellspacing="0" cellpadding="0" width="100%" border="0">
16         <tbody>
17         <tr height="32">
18           <td valign="top" style="height: 32px"></td>
19           <td valign="bottom" align="center" style="height: 32px"></td>
20           <td valign="top" align="right" style="height: 32px"></td></tr>
21         </tbody>
22      </table>--%>
23     </td>
24     <td style="WIDTH: 10px; background-color:#337abb" >
25       <table style="height:100%"  cellspacing="0" cellpadding="0" border="0">
26         <tbody>
27         <tr>
28          <td style="height: 100%" onclick="switchSysBar()">
29          <span class="navPoint" id="switchPoint" title="关闭/打开左栏"><img alt="" src="images/right.gif"/>
30          </span> 
31         </td>
32         </tr>
33         </tbody>
34       </table>
35     </td>
36     <td valign="top" style="width:100%; background-color:#337abb">
37       <table cellspacing="0" cellpadding="0" width="100%" style="background-color:#c4d8ed"  border="0">
38       <tbody>
39         <tr  height="32">
40           <td valign="top" background="images/bg2.gif" style="width: 10px"><img alt="" src="images/teble_top_left.gif"/></td>
41           <td width="28" background="images/bg2.gif"></td>
42           <td background="images/bg2.gif" style="width: 9px">
43           <span  style="FLOAT: left"></span>
44           <span id="dvbbsannounce "style="FONT-WEIGHT: bold; FLOAT: left; WIDTH: 300px; COLOR: #c00"></span></td>
45           <td style="COLOR: #135294; TEXT-ALIGN: right; width: 914px;"  background="images/bg2.gif">| 
46           <% if(isadmin()==1){ %>   <a href="#" target="_top">后台首页</a> <% } else{%><a  style="display:none" href="#" target="_top">后台首页</a> <%}%>   
47         
48         
49 
50             | <a href="#" target="_top">首页</a> | <a href="#" target="_top">退出</a> </td>
51           <td valign="top" align="right" style="width:28px"   background="images/bg2.gif"><img alt="" src="images/teble_top_right.gif"/></td>
52           <td align="right" style="width: 16px; background-color:#337abb"></td></tr>
53         </tbody>
54       </table>
55           
56           <iframe class="main_iframe" id="frmright" name="frmright" src="images/syscome.htm" frameborder="0"  scrolling="yes"></iframe>
57       <table style="background-color:#c4d8ed" cellspacing="0" cellpadding="0" width="100%" border="0">
58         <tbody>
59         <tr>
60           <td style="height: 15px"><img height="6px" alt=""src="images/teble_bottom_left.gif"  width="5"></td>
61           <td align="right" style="height: 15px"><img height="6px" alt="" src="images/teble_bottom_right.gif" width="5"/></td>
62           <td align="right" style="background-color:#337abb; width: 16px; height: 15px;"></td></tr></tbody></table>
63           </td></tr></tbody></table>

这个是style.css

CSS
 1 .navPoint {
 2     CURSOR: hand
 3 }
 4 BODY {
 5     OVERFLOW-X: hidden; OVERFLOW: hidden
 6 }
 7 TD {
 8     FONT-SIZE: 12px
 9 }
10 A {
11     COLOR: #135294; TEXT-DECORATION: none
12 }
13 A:hover {
14     COLOR: #ff6600; TEXT-DECORATION: underline
15 }
16 BODY {
17     FONT-SIZE: 12px; BACKGROUND: #fff; MARGIN: 0px; COLOR: #000; FONT-FAMILY: tahoma, 宋体, fantasy; TEXT-ALIGN: center
18 }
19 .top_table {
20     BACKGROUND: url(../images/top_bg.gif); WIDTH: 100%; HEIGHT: 41px
21 }
22 .top_table_leftbg {
23     BACKGROUND-IMAGE: url(../images/top_table_leftbg.gif); WIDTH: auto; BACKGROUND-REPEAT: repeat-y; HEIGHT: 41px
24 }
25 .system_logo {
26     FLOAT: left; WIDTH: 180px; TEXT-ALIGN: left
27 }
28 DIV.menu {
29     MARGIN: 0px auto; PADDING-TOP: 18px; HEIGHT: 22px; TEXT-ALIGN: left
30 }
31 DIV.menu UL {
32     PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
33 }
34 DIV.menu UL LI .menu_div {
35     DISPLAY: inline; FONT-SIZE: 10px; BACKGROUND: url(../images/menu01_right.gif); WIDTH: 3px; HEIGHT: 23px
36 }
37 DIV.menu UL LI {
38     PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: url(../images/menu01.gif); FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 1px; WIDTH: auto; LINE-HEIGHT: 20px; PADDING-TOP: 0px; FONT-FAMILY: 宋体,; POSITION: relative; HEIGHT: 23px
39 }
40 DIV.menu_childs UL LI {
41     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 150px; LINE-HEIGHT: 15px; PADDING-TOP: 0px
42 }
43 DIV.menu_childs {
44     BORDER-RIGHT: #185790 1px solid; BORDER-TOP: #185790 1px solid; DISPLAY: none; Z-INDEX: 100; BACKGROUND: #f5fdff; LEFT: 0px; BORDER-LEFT: #185790 1px solid; WIDTH: 150px; BORDER-BOTTOM: #185790 1px solid; WHITE-SPACE: nowrap; POSITION: absolute; TOP: 22px
45 }
46 DIV.menu UL LI A:hover {
47     COLOR: #ff7; TEXT-DECORATION: none
48 }
49 DIV.menu UL LI A {
50     COLOR: #fff; TEXT-DECORATION: none
51 }
52 DIV.menu_childs UL LI A:hover {
53     DISPLAY: block; BACKGROUND: #337abb; WIDTH: 148px; COLOR: #fff; TEXT-DECORATION: none
54 }
55 DIV.menu_childs UL LI A {
56     PADDING-LEFT: 15px; WIDTH: 148px; COLOR: #135294; LINE-HEIGHT: 20px; HEIGHT: 20px; TEXT-DECORATION: none
57 }
58 .main_top {
59     TABLE-LAYOUT: auto; BACKGROUND: url(../images/left_bg.gif)
60 }
61 .menuhr {
62     BORDER-TOP: #b5cfde 1px solid; FONT-SIZE: 0px; FLOAT: left; MARGIN: 4px 0px 0px; WIDTH: 98%; LINE-HEIGHT: 0px; HEIGHT: 4px
63 }

这个是左侧导航的style_left.css

View Code
 1 BODY {
 2     BACKGROUND: url(../images/left_bg.gif); MARGIN: 0px; OVERFLOW: hidden
 3 }
 4 IMG {
 5     FLOAT: none; VERTICAL-ALIGN: middle
 6 }
 7 HR {
 8     BORDER-TOP: #46a0c8 1px solid; WIDTH: 90%; HEIGHT: 0px; TEXT-ALIGN: left; size: 0
 9 }
10 .alpha {
11     BACKGROUND: #94d0ee; FILTER: alpha(opacity=40)
12 }
13 .menu {
14     PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=100); PADDING-BOTTOM: 10px; COLOR: #fff; PADDING-TOP: 10px; POSITION: relative
15 }
16 .menu UL {
17     LIST-STYLE-TYPE: none
18 }
19 .menu LI {
20     FLOAT: left; LIST-STYLE-TYPE: none
21 }
22 .copyright {
23     PADDING-LEFT: 10px; FONT-SIZE: 12px; COLOR: #e1feff; LINE-HEIGHT: 18px; FONT-FAMILY: Arial; HEIGHT: 24px
24 }
25 .copyright2 {
26     PADDING-LEFT: 30px; FONT-SIZE: 12px; COLOR: #e1feff; LINE-HEIGHT: 18px; FONT-FAMILY: Arial; HEIGHT: 24px
27 }
28 .copyright A {
29     COLOR: #e1feff; TEXT-DECORATION: none
30 }
31 .copyright2 A {
32     COLOR: #e1feff; TEXT-DECORATION: none
33 }
34 .copyright A:hover {
35     COLOR: #e1feff; TEXT-DECORATION: underline
36 }
37 .copyright2 A:hover {
38     COLOR: #e1feff; TEXT-DECORATION: underline
39 }
40 #menubar {
41     
42 }
43 #menubar UL {
44     MARGIN: 0px
45 }
46 #menubar UL LI {
47     FLOAT: left; MARGIN-LEFT: 0px
48 }
49 #menubar A {
50     DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(../images/menu_icon2.gif) no-repeat; FLOAT: left; MARGIN: 0px; WIDTH: 180px; COLOR: #fff; PADDING-TOP: 5px; HEIGHT: 24px; TEXT-ALIGN: left; TEXT-DECORATION: none
51 }
52 #menubar A:hover {
53     BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 12px; BACKGROUND: url(../images/menu_icon.gif) #94d0ee no-repeat; FILTER: alpha(opacity=60); FLOAT: left; MARGIN: 0px; BORDER-LEFT: #fff 1px solid; WIDTH: 180px; COLOR: #000; PADDING-TOP: 4px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 22px; TEXT-ALIGN: left; TEXT-DECORATION: none
54 }

这些能说清楚了吗?

中州大道的主页 中州大道 | 初学一级 | 园豆:129
提问于:2012-04-21 16:56
< >
分享
最佳答案
0

你吧全部文件 打包发到我邮箱 我帮你调试一下 codeany@163.com 

收获园豆:30
唯吴独尊 | 小虾三级 |园豆:707 | 2012-04-22 10:24

已经发送过去了  谢谢啊

中州大道 | 园豆:129 (初学一级) | 2012-04-23 08:21

@中州大道: 已经 改好 发到你邮箱 请注意 查收并注意我给你的txt文件

唯吴独尊 | 园豆:707 (小虾三级) | 2012-04-23 09:44

@唯吴独尊: 谢谢啊  你说的也对的

中州大道 | 园豆:129 (初学一级) | 2012-04-23 10:09
其他回答(3)
0

 ,挺好的!

多情自古伤离别 | 园豆:129 (初学一级) | 2012-04-21 16:59

只能有一半可以显示出来,下面都空白了,不能使用,改了很久却没发现错误之处,很是纠结

支持(0) 反对(0) 中州大道 | 园豆:129 (初学一级) | 2012-04-21 17:06

@中州大道: wo我也看不出来~~~~!

支持(0) 反对(0) 多情自古伤离别 | 园豆:129 (初学一级) | 2012-04-21 19:50

@中州大道: kn看不出来!

支持(0) 反对(0) 多情自古伤离别 | 园豆:129 (初学一级) | 2012-04-21 19:51

@多情自古伤离别: 嗯  我也是的

支持(0) 反对(0) 中州大道 | 园豆:129 (初学一级) | 2012-04-23 08:22
1

换个浏览器呢!!!!你没源代码谁也不能给你解决

小茶喏 | 园豆:274 (菜鸟二级) | 2012-04-22 10:28

换个浏览器也是不行,不知为何,我贴出的代码还是不够吗?

支持(0) 反对(0) 中州大道 | 园豆:129 (初学一级) | 2012-04-23 08:15
0

我怎么感觉像是没有写dtd引起的呢。

豪情 | 园豆:222 (菜鸟二级) | 2012-04-22 15:06

需要用到dtd吗?

支持(0) 反对(0) 中州大道 | 园豆:129 (初学一级) | 2012-04-23 08:16
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册