网站首页布局出错，只能显示一半
0
悬赏园豆：30
[已解决问题]
解决于 2012-04-23 10:10
问题补充：
View Code
View Code
CSS
View Code
浏览器页面上半部分可以显示出来 ，下半部分却是空白
这个是布局用的格式
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 }
这些能说清楚了吗？
最佳答案
0
你吧全部文件 打包发到我邮箱 我帮你调试一下 codeany@163.com
收获园豆：30
已经发送过去了 谢谢啊
@中州大道: 已经 改好 发到你邮箱 请注意 查收并注意我给你的txt文件
@唯吴独尊: 谢谢啊 你说的也对的
其他回答(3)
0
，挺好的！
只能有一半可以显示出来，下面都空白了，不能使用，改了很久却没发现错误之处，很是纠结
@中州大道: wo我也看不出来~~~~！
@中州大道: kn看不出来！
@多情自古伤离别: 嗯 我也是的
1
换个浏览器呢！！！！你没源代码谁也不能给你解决
换个浏览器也是不行，不知为何，我贴出的代码还是不够吗？
0
我怎么感觉像是没有写dtd引起的呢。
需要用到dtd吗？
