jsp中的导航条乱掉了

在dw中一切都显示正常，没有任何问题。但是我一旦把静态网页中的body之间的东西替换掉jsp中的body之间的东西，并且在jsp中正确的位置引入了样式表以及js文件，引入的代码跟dw中一样的。浏览jsp文件的时候，导航栏就全部乱掉了，样式表对它不起作用了啊，郁闷……求高手指点！这只html代码：<!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=gbk" /><meta name="Keywords" content="标准之路,www.aa25.cn,网页标准布局,DIV+CSS" />
<meta name="" content="标准之路,www.aa25.cn,网页标准布局,DIV+CSS" />
<meta name="author" content"×××,有问题请到www.68css.cn网站留言" />
<meta name="Description" content="本套网页标准布局模板是由标准之路（www.aa25.cn）制作完成，如果您要转载，请保留版权" />
<!--引入body样式表-->
<link href="css/body.css" rel="stylesheet" type="text/css" />
<!--引入整体布局样式表-->
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<!--引入图片播放器的脚本-->
<script language="javascript" type="text/javascript" src="js/flash.js"></script>
<!--引入下拉菜单的样式及脚本-->
<link href="css/menu.css" rel="stylesheet" media="screen" type="text/css" />
<script src="js/jquery.menu.js" type="text/javascript"></script>
<script type="text/javascript">
var timeout         = 500;
var closetimer = 0;
var ddmenuitem      = 0;

function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}

$(document).ready(function()
{ $('#jsddm > li').bind('mouseover', jsddm_open);
$('#jsddm > li').bind('mouseout',  jsddm_timer);});

document.onclick = jsddm_close;
  </script>
</head><body>
<div id="container">
  <div id="header">
    <table width="100%" height="101" border="0">
      <tr>
        <td width="18%" rowspan="2">&nbsp;</td>
        <td width="82%">&nbsp;</td>
      </tr>
      <tr>
        <td align="center">
<!--菜单开始-->
<div >
<ul id="jsddm">
<li><a href="#">首页</a>
</li>
<li><a href="#">走进绿宏</a>
<ul>
<li><a href="#">公司简介</a></li>
<li><a href="#">组织架构</a></li>
<li><a href="#">公司文化</a></li>
<li><a href="#">荣誉资质</a></li>
<li><a href="#">公司记事</a></li>
</ul>
</li>
<li><a href="#">新闻动态</a>
<ul>
<li><a href="#">公司动态</a></li>
<li><a href="#">业界动态</a></li>
</ul>
</li>
<li><a href="#">产品中心</a>
<ul>
<li><a href="#">&nbsp;桂花&nbsp;</a></li>
<li><a href="#">&nbsp;香樟&nbsp;</a></li>
<li><a href="#">&nbsp;更多&nbsp;</a></li>
</ul>
</li>
<li><a href="#">工程案例</a>
<ul>
<li><a href="#">湿地公园</a></li>
<li><a href="#">城市道路</a></li>
<li><a href="#">广场绿化</a></li>
<li><a href="#">小区绿化</a></li>
<li><a href="#">设计精品</a></li>
</ul>
</li>
<li><a href="#">园林知识</a>

</li>
<li><a href="#">材料采购</a>

</li>
<li><a href="#">人力资源</a>
<ul>
<li><a href="#">用才理念</a></li>
<li><a href="#">人才招聘</a></li>
</ul>
</li>
<li><a href="#">联系我们</a>
<ul>
<li><a href="#">来访指引</a></li>
<li><a href="#">联系方式</a></li>

</ul>
</li>
</ul>
</div>
</td>
      </tr>
    </table>
  </div>
  <div id="mainContent">
    <div id="sidebar">This is the sidebar</div>
    <div id="content">
 
</div>
  </div>
  <div id="footer">
    <p align="center">Copyright @ 2011 江西绿宏实业有限公司 All&nbsp;&nbsp;&nbsp;right&nbsp;&nbsp;&nbsp;reseved&nbsp;&nbsp;&nbsp;
    <br/><br/>网站地图|网站声明 </p>
  </div>
</div>
</body>
</html>这是jsp代码<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>首页</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--引入body样式表-->
<link href="css/body.css" rel="stylesheet" type="text/css" />
<!--引入整体布局样式表-->
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<!--引入图片播放器的脚本-->
<script language="javascript" type="text/javascript" src="js/flash.js"></script>
<!--引入下拉菜单的样式及脚本-->
<link href="css/menu.css" rel="stylesheet" media="screen" type="text/css" />
<script src="js/jquery.menu.js" type="text/javascript"></script>
<script type="text/javascript">
var timeout         = 500;
var closetimer = 0;
var ddmenuitem      = 0;

function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}

$(document).ready(function()
{ $('#jsddm > li').bind('mouseover', jsddm_open);
$('#jsddm > li').bind('mouseout',  jsddm_timer);});

document.onclick = jsddm_close;
  </script>
  </head>
 <body>
<div id="container">
  <div id="header">
    <table width="100%" height="101" border="0">
      <tr>
        <td width="18%" rowspan="2">&nbsp;</td>
        <td width="82%">&nbsp;</td>
      </tr>
      <tr>
        <td align="center">
<!--菜单开始-->
<div >
<ul id="jsddm">
<li><a href="#">首页</a>
</li>
<li><a href="#">走进绿宏</a>
<ul>
<li><a href="#">公司简介</a></li>
<li><a href="#">组织架构</a></li>
<li><a href="#">公司文化</a></li>
<li><a href="#">荣誉资质</a></li>
<li><a href="#">公司记事</a></li>
</ul>
</li>
<li><a href="#">新闻动态</a>
<ul>
<li><a href="#">公司动态</a></li>
<li><a href="#">业界动态</a></li>
</ul>
</li>
<li><a href="#">产品中心</a>
<ul>
<li><a href="#">&nbsp;桂花&nbsp;</a></li>
<li><a href="#">&nbsp;香樟&nbsp;</a></li>
<li><a href="#">&nbsp;更多&nbsp;</a></li>
</ul>
</li>
<li><a href="#">工程案例</a>
<ul>
<li><a href="#">湿地公园</a></li>
<li><a href="#">城市道路</a></li>
<li><a href="#">广场绿化</a></li>
<li><a href="#">小区绿化</a></li>
<li><a href="#">设计精品</a></li>
</ul>
</li>
<li><a href="#">园林知识</a>

</li>
<li><a href="#">材料采购</a>

</li>
<li><a href="#">人力资源</a>
<ul>
<li><a href="#">用才理念</a></li>
<li><a href="#">人才招聘</a></li>
</ul>
</li>
<li><a href="#">联系我们</a>
<ul>
<li><a href="#">来访指引</a></li>
<li><a href="#">联系方式</a></li>

</ul>
</li>
</ul>
</div>
</td>
      </tr>
    </table>
  </div>
  <div id="mainContent">
    <div id="sidebar">This is the sidebar</div>
    <div id="content">
 
</div>
  </div>
  <div id="footer">
    <p align="center">Copyright @ 2011 江西绿宏实业有限公司 All&nbsp;&nbsp;&nbsp;right&nbsp;&nbsp;&nbsp;reseved&nbsp;&nbsp;&nbsp;
    <br/><br/>网站地图|网站声明 </p>
  </div>
</div>
</body>
</html>

解决方案 »

  1.   

    那么你试着把JSP的编码换成GBK：
    <%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
      

  2.   

    先把Copyright @ 2011 江西绿宏实业有限公司
    这里的"@"去掉，否则改成GBK后，不能保存。
      

  3.   

    jsp头换成下面试试
    <!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">
      

  4.   

    http://happyran.zbpifa.com
    http://007ej.com/user.asp
      

  5.   

    结贴结贴了啊！！！ 
    im110  说的还好！已改成gbk就可以了啊！