打印

奇怪的网页排版问题？

zz1001 [楼主]

中级会员

帖子: 114
体力: 269
威望: 0
当前: 湖北宜昌
离线: 3 天

专长 网页设计,PHP

1^# 大中小发表于 2008-6-26 10:50

我的网页文件都是在本地，但是我打开预览的时候，部分版面不是按我排的那样排的，比如有些版块明明在一起，其它有一个盒子挤在第二行，但是我我刷新页面，网页又是好的，不知是何原因？下面是我的代码，请大家看看：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>仿火柴天堂</title>
<meta name="huyidao" content="">
<meta name="keywords" content="仿火柴天堂,胡一刀设计，QQ：354025010">
<meta name="description" content="仿火柴天堂,胡一刀设计，QQ：354025010">
<style type="text/css">
*{margin:0px;padding:0px;}
body{
font-size:12px;
    background-image:url(bei37.gif);
    background-repeat:repeat;
   font-family: Arial, Helvetica, sans-serif;
  width:750px;
  margin: 0px auto;
  border:1px solid #003366;
}
 a {color:#000000;text-decoration:none;
}
a:hover{color:#FF0000;text-decoration:underline;}
#header{
     width:750px;
     height:135px;
    background-image:url(hztd.gif);
    background-repeat:no-repeat;
   text-align:center;
}
#nav {
    width:750px;
   list-style-type:none;
   font-size:12px;
}
#nav  li{float:left;
     }
#nav  li a {
color:#000000;
text-decoration:none;
padding-top:4px;
display:block;
width:73px;
height:22px;
text-align:center;
background-color: #00CCFF;
border:1px solid #33CC00;
}
#nav  li a:hover{
          color:#000000;
          background-color:#FFFF00;
}
#nav1 {
    width:750px;
   list-style-type:none;
   font-size:12px;
}
#nav1  li{float:left;
     }
#nav1  li a {
color:#000000;
text-decoration:none;
padding-top:4px;
display:block;
width:73px;
height:22px;
text-align:center;
background-color: #00CCFF;
border:1px solid #33CC00;
}
#nav1  li a:hover{
          color:#000000;
          background-color:#FFFF00;
}
.zuob{width:180px;float:left;margin:0px;}
.gongg {
   border:1px solid #33CCFF;    
   width:180px;      
}
h4{
  font-size:14px;
  color:#000000;
  width:180px;
 height:20px;
background-color:#99CCFF;
text-align:center;
}
.mtv{
    border:1px solid #33CCFF;    
   width:180px;
 }
.xgb{
 border:1px solid #33CCFF;    
 width:180px;
line-height:22px;
}
.zz{
   border:1px solid #33ccff;
   width:180px;
}
#lj li{float:left;
}
 img{border:1px solid #ffffff;margin-left:2px;}
.qlxs {border:1px solid #33ccff;
     width:180px;}
.fwtj{border:1px solid #33ccff;width:180px; text-align:center;}
.d,.g{border:1px solid #33CCFF;float:left;font-size:12px;width:190px;height:284px;padding:0px;}
.dtzq,.grkj{list-style-type: circle;
       padding-left:20px; line-height:18px;}
h5{color:#fff;height:22px;float:left;background-color:#99CCFF;font-size:14px;width:190px;}
.shij{border:1px solid #33CCFF;width:180px;}
#weather {border:1px solid #33CCFF;width:180px; }
#pl{border:1px solid #33CCFF;width:180px;}
#lp{OVERFLOW-y: auto;OVERFLOW-x: hidden;width:180px;height:180px;}
#nu{border:1px solid #33CCFF;width:180px;OVERFLOW-y: auto;OVERFLOW-x: hidden;height:322px;}
#foot{text-align:center;}
-->
</style>
</head>
<body>
<div id=header></div>
<ul id="nav">
<li><a href="#">总目录</a>
<li><a href="#">五华公众网</a>
<li><a href="#">所有文章</a>
<li><a href="#">爱播播客</a>
<li><a href="#">免费影视</a>
<li><a href="#">网页工具</a>
<li><a href="#">软件集合</a>
<li><a href="#">关于本站</a>
<li><a href="#">设为首页</a>
<li><a href="#">加入收藏</a></li>
</ul>
<ul id="nav1">
<li><a href="#">上传系统</a>
<li><a href="#">五华同乡会</a>
<li><a href="#">历 史</a>
<li><a href="#">自然</a>
<li><a href="#">常人社区</a>
<li><a href="#">本站首页</a>
<li><a href="#">我的相册</a>
<li><a href="#">客家网络</a>
<li><a href="#">天堂社区</a>
<li><a href="#">用户登录</a></li>
</ul>
<div style="width:750px;margin:0px;">
<div class="zuob">
<div class="gongg">
<h4 >公告</h4>
<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="180" height="152">
<font color="#ff0000"> <b><center>︶胡一刀︶<BR>免责声明</center></b></font> <center>
<font color="#003366">本站资料大部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!</font> <BR><b><center>
<font color="#ff0000">E-mail:<BR>354025010@qq.com<br><IMG SRC=" http://qqcm.bokee.com/inc/QQ1.gif" WIDTH=20 HEIGHT=20 BORDER=0 >:354025010</b></div></center></b>
<BR>
</font></center>
</marquee></div>
<div class="mtv">
<h4>在线影视 MTV欣赏</h4>
<iframe src="http://nabcy.5944vip.com/music/bof.htm"width="180" height="360"frameborder="0"   
scrolling="no"></iframe>
</div>
<div class="xgb">
<h4 >新歌榜</h4>
<script language="JavaScript" type="text/JavaScript" src="http://nabcy.5944vip.com//mp3.js"> </script>
</div>
<div class="zz" id="lj">
<h4>自助友情链接系统</h4>
<script language="javascript" type="text/javascript" src="lianjie.js"></script>
<SELECT style="WIDTH: 178px" 
onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size=1 
name=select> <OPTION value="" selected>※友情文字链接站点列表※</OPTION> <OPTION 
  value=ftp://xlht.cn1:zmwminghbkhb@226.cc>软件1</OPTION> <OPTION 
  value=http://bbs.mumayi.net/forumdisplay.php?fid=62>软件2</OPTION> <OPTION 
  value=http://66.90.93.190/bbs/indexa.php>ｚ自拍</OPTION> <OPTION 
  value=http://www.igogo8.com/>彩字生成</OPTION> <OPTION 
  value=http://byou.go1.icpcn.com/oldindex.htm>百友GIF空间</OPTION> <OPTION 
  value=http://adm.oflink.com/hostadm/>控制面板</OPTION> <OPTION 
  value=http://qqcm.edudisk.cn/>我的软件</OPTION> <OPTION 
  value=http://dmz888.ys168.com/>网络E盘</OPTION> <OPTION 
  value=http://www.nn.cn/user/login.asp>广西都市</OPTION> <OPTION 
  value=http://www.any2000.com/>我得空间</OPTION> <OPTION 
  value=http://qqcm.gbaopan.com/>我的网盘</OPTION> <OPTION 
  value=http://www.mumayi.net/>木蚂蚁社区</OPTION> <OPTION 
  value=http://www.mf99.cn/>久久免费联盟</OPTION> <OPTION 
  value=http://bbs.05112.com/index.php>黑客风云</OPTION> <OPTION 
  value="http://www.woshiqq.net/ ">QQ表情下载网</OPTION> <OPTION 
  value=http://tools.fodey.com/generators/animated/ninjatext.asp>劈出你需要的字</OPTION> 
  <OPTION value=http://www.logomaker.cn/>LOGO在线制作</OPTION> <OPTION 
  value=http://web.kelife.com/web/index.asp>我的空间</OPTION> <OPTION 
  value=http://mssj.blogchina.com/index.html>博客</OPTION></SELECT> 
<UL class=bookmarkGroup id=bookmarkGroup374826></UL></DIV>
<div class="qlxs">
<h4>请你欣赏</h4>
<iframe src="http://nabcy.5944vip.com/images/qlxs.htm" frameborder="0" height="162" width="180" scrolling="no"></iframe>
</div>
<div class="fwtj">
<h4>访问统计</h4>
<script language="JavaScript" src="http://counter.blogchina.com/BlogServlet?blogid=2057183"></script><br/>
				 <b> 文章个数:251</b><br/>
				  <b>评论个数:1440</b><br/>
				  <b>留言条数:416</b>
</div></div>
<div style="float:left ;width=360px; margin:0px;">
<div class="d">
<h5>※贴图专区</h5>
<img src="http://nabcy.5944vip.com/fenz1.gif" width="180" height="71" border="0">
<ul class="dtzq">
<li><a href="http://qqcm.bokee.com/6413107.html">非主流 图片 制作论坛</a></li>
<li><a href="http://qqcm.bokee.com/6217974.html">巨强视频聊天</a></li>
<li><a href="http://qqcm.bokee.com/6152759.html">一组经典的GIF图</a></li>
<li><a href="http://qqcm.bokee.com/6030342.html">成人有趣的色图</a></li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul></div>
<div class="g">
<h5>※个人空间</h5>
<img src="http://nabcy.5944vip.com/fenz2.gif" width="180" height="71" border="0">
<ul class="grkj">
<li><a href="http://qqcm.bokee.com/6345706.html">浓情花之语</a></li>
<li><a href="http://qqcm.bokee.com/6345700.html">浓情花之语</a></li>
<li><a href="http://qqcm.bokee.com/6250844.html">网络与现实之间</a></li>
<li><a href="http://qqcm.bokee.com/6217954.html">睡在网中央</a></li>
<li><a href="http://qqcm.bokee.com/6119616.html">不能不感动：穷人的情书</a></li>
<li><a href="http://qqcm.bokee.com/6119148.html">跟网友见面，不上床的后果</a></li>
<li><a href="http://qqcm.bokee.com/6118478.html">一个男朋友写给女朋友的信</li>
<li><a href="http://qqcm.bokee.com/6107339.html">我的视频录制</a></li>
<li><a href="http://qqcm.bokee.com/6058315.html">回首二00六</a></li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul></div>
<div class="d">
<h5>※贴图专区</h5>
<img src="http://nabcy.5944vip.com/fenz1.gif" width="180" height="71" border="0">
<ul class="dtzq">
<li><a href="http://qqcm.bokee.com/6413107.html">非主流 图片 制作论坛</a>
<li><a href="http://qqcm.bokee.com/6217974.html">巨强视频聊天</a>
<li><a href="http://qqcm.bokee.com/6152759.html">一组经典的GIF图</a>
<li><a href="http://qqcm.bokee.com/6030342.html">成人有趣的色图</a>
<li>...
<li>...
<li>...
<li>...
<li>...
<li>...
<li>...
<li>...</li>
</ul></div>
<div class="g">
<h5>※个人空间</h5>
<img src="http://nabcy.5944vip.com/fenz2.gif" width="180" height="71" border="0">
<ul class="grkj">
<li><a href="http://qqcm.bokee.com/6345706.html">浓情花之语</a></li>
<li><a href="http://qqcm.bokee.com/6345700.html">浓情花之语</a></li>
<li><a href="http://qqcm.bokee.com/6250844.html">网络与现实之间</a></li>
<li><a href="http://qqcm.bokee.com/6217954.html">睡在网中央</a></li>
<li><a href="http://qqcm.bokee.com/6119616.html">不能不感动：穷人的情书</a></li>
<li><a href="http://qqcm.bokee.com/6119148.html">跟网友见面，不上床的后果</a></li>
<li><a href="http://qqcm.bokee.com/6118478.html">一个男朋友写给女朋友的信</li>
<li><a href="http://qqcm.bokee.com/6107339.html">我的视频录制</a></li>
<li><a href="http://qqcm.bokee.com/6058315.html">回首二00六</a></li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul></div>
<div class="d">
<h5>※贴图专区</h5>
<img src="http://nabcy.5944vip.com/fenz1.gif" width="180" height="71" border="0">
<ul class="dtzq">
<li><a href="http://qqcm.bokee.com/6413107.html">非主流 图片 制作论坛</a></li>
<li><a href="http://qqcm.bokee.com/6217974.html">巨强视频聊天</a></li>
<li><a href="http://qqcm.bokee.com/6152759.html">一组经典的GIF图</a></li>
<li><a href="http://qqcm.bokee.com/6030342.html">成人有趣的色图</a></li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul></div>
<div class="g">
<h5>※个人空间</h5>
<img src="http://nabcy.5944vip.com/fenz2.gif" width="180" height="71" border="0">
<ul class="grkj">
<li><a href="http://qqcm.bokee.com/6345706.html">浓情花之语</a></li>
<li><a href="http://qqcm.bokee.com/6345700.html">浓情花之语</a></li>
<li><a href="http://qqcm.bokee.com/6250844.html">网络与现实之间</a></li>
<li><a href="http://qqcm.bokee.com/6217954.html">睡在网中央</a></li>
<li><a href="http://qqcm.bokee.com/6119616.html">不能不感动：穷人的情书</a></li>
<li><a href="http://qqcm.bokee.com/6119148.html">跟网友见面，不上床的后果</a></li>
<li><a href="http://qqcm.bokee.com/6118478.html">一个男朋友写给女朋友的信</li>
<li><a href="http://qqcm.bokee.com/6107339.html">我的视频录制</a></li>
<li><a href="http://qqcm.bokee.com/6058315.html">回首二00六</a></li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul></div>
<div class="d">
<h5>※贴图专区</h5>
<img src="http://nabcy.5944vip.com/fenz1.gif" width="180" height="71" border="0">
<ul class="dtzq">
<li><a href="http://qqcm.bokee.com/6413107.html">非主流 图片 制作论坛</a></li>
<li><a href="http://qqcm.bokee.com/6217974.html">巨强视频聊天</a></li>
<li><a href="http://qqcm.bokee.com/6152759.html">一组经典的GIF图</a></li>
<li><a href="http://qqcm.bokee.com/6030342.html">成人有趣的色图</a></li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul></div>
<div class="g">
<h5>※个人空间</h5>
<img src="http://nabcy.5944vip.com/fenz2.gif" width="180" height="71" border="0">
<ul class="grkj">
<li><a href="http://qqcm.bokee.com/6345706.html">浓情花之语</a></li>
<li><a href="http://qqcm.bokee.com/6345700.html">浓情花之语</a></li>
<li><a href="http://qqcm.bokee.com/6250844.html">网络与现实之间</a></li>
<li><a href="http://qqcm.bokee.com/6217954.html">睡在网中央</a></li>
<li><a href="http://qqcm.bokee.com/6119616.html">不能不感动：穷人的情书</a></li>
<li><a href="http://qqcm.bokee.com/6119148.html">跟网友见面，不上床的后果</a></li>
<li><a href="http://qqcm.bokee.com/6118478.html">一个男朋友写给女朋友的信</li>
<li><a href="http://qqcm.bokee.com/6107339.html">我的视频录制</a></li>
<li><a href="http://qqcm.bokee.com/6058315.html">回首二00六</a></li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul></div></div>
<div style="float:left;width:180px;position: absolute; ">
<div class="shij">
<h4>时间</h4>
<EMBED 
src=http://www.987654.com/Twins/Twins04.swf width=180 height=153 
type=application/x-shockwave-flash wmode="transparent"></div>
<DIV id=weather>
<H4>天气预报</H4>
<SCRIPT>
function getcookie(name) {
var my_cookie = document.cookie;
var start = my_cookie.indexOf(name + "@weather.qq.com" + "=");
if (start == -1) return '';	
start += name.length + 16; //1 stands of '='	
var end = my_cookie.indexOf(";" ,start);
if (end == -1) end = my_cookie.length;
return my_cookie.substr(start, end - start);
}
      var v=getcookie('default_city');
     if (v == '') v=244;	
     document.write("<IFRAME ID='ifm2' WIDTH='180' HEIGHT='180' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC='http://weather.qq.com/inc/ss" + v + ".htm'></IFRAME>");
</SCRIPT>
</DIV>
<div class="shij">
<h4>时间</h4>
<EMBED 
src=http://www.987654.com/Twins/Twins04.swf width=180 height=153 
type=application/x-shockwave-flash wmode="transparent"></div>
<h4>最新评论</h4>
<div id="lp">
		  <ul id="pl">
		  		      <li>·<a href="6151455.html">
		      		      gif制作软件u5简介
		      		      </a><br/>
			　	  <a href="6151455.html#comment4806630">太谢谢你大哥囖!`
   ......</a></li> 
		  		      <li>·<a href="6151455.html">
		      		      gif制作软件u5简介
		      		      </a><br/>
			　	  <a href="6151455.html#comment4805860">总算找到U5的中文版教程了，谢谢......</a></li> 
		  		      <li>·<a href="6151455.html">
		      		      gif制作软件u5简介
		      		      </a><br/>
			　	  <a href="6151455.html#comment4803217">很感谢 
找得好辛苦！！</a></li> 
		  		      <li>·<a href="5627520.html">
		      		      真正的让QQ无名显示－－打造个性QQ
		      		      </a><br/>
			　	  <a href="5627520.html#comment4802312">成功了</a></li> 
		  		      <li>·<a href="5627520.html">
		      		      真正的让QQ无名显示－－打造个性QQ
		      		      </a><br/>
			　	  <a href="5627520.html#comment4802311">成功了</a></li> 
		  		      <li>·<a href="6151455.html">
		      		      gif制作软件u5简介
		      		      </a><br/>
			　	  <a href="6151455.html#comment4800071">真的找得很辛苦</a></li> 
		  		      <li>·<a href="6152782.html">
		      		      状态栏标题栏特效代码集锦
		      		      </a><br/>
			　	  <a href="6152782.html#comment4798507">状态栏标题栏特效代码集锦</a></li> 
		  		      <li>·<a href="6207964.html">
		      		      中国史上十大乱世流氓与枭雄
		      		      </a><br/>
			　	  <a href="6207964.html#comment4798485">中国史上十大乱世流氓与枭雄</a></li> 
		  		      <li>·<a href="6152434.html">
		      		      如何从网络菜鸟成长为网络技术高手
		      		      </a><br/>
			　	  <a href="6152434.html#comment4798427">天道酬勤</a></li> 
		  		      <li>·<a href="6188521.html">
		      		      一个罕为人知的无敌命令 几乎清除所有进程
		      		      </a><br/>
			　	  <a href="6188521.html#comment4798426">顶</a></li> 
		  		  </ul>
		</div>
<h4>在线留言</h4>	
<div id="nu">
 <script type="text/javascript" src="http://nabcy.5944vip.com/notes.js"></script>
</div>	
</div></div>
<div id="foot"><b><font color="#ff0000">◆湖北仙桃◆E-mail:354025010@qq.com◆<IMG SRC=" http://qqcm.bokee.com/inc/QQ1.gif" WIDTH=20 HEIGHT=20 BORDER=0 >:354025010◆</b></div>
</body></html>

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

[ 本帖最后由 zz1001 于 2008-6-26 10:59 编辑 ]