上源码:
1 <!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=utf-8" /> <title>welocme</title> <script type="text/javascript" language="javascript" src="../js/jquery-1.8.1.min.js"></script> <!--fancybox--> <script type="text/javascript" src="../js/plugin/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <!--fancybox--> <script type="text/javascript" src="../js/plugin/fancybox/jquery.easing-1.3.pack.js"></script><!--添加转场效果--> <script type="text/javascript" src="../js/plugin/fancybox/jquery.mousewheel-3.0.4.pack.js"></script><!--支持鼠标滑轮滑动--> <link rel="stylesheet" type="text/css" href="../js/plugin/fancybox/jquery.fancybox-1.3.4.css" media="screen" /><!--fancybox样式--> <link rel="Stylesheet" type="text/css" href="css/imecc.common.css" /> <link rel="Stylesheet" type="text/css" href="css/index.aspx.css" /> <script type="text/javascript" language="javascript"> $(document).ready(function () { 2 $("#home").fancybox({ 'width': '300', 'height': '250' }); 3 $("#service").fancybox({ 'width': '300', 'height': '250' }); 4 $("#solutions").fancybox({ 'width': '300', 'height': '250' }); 5 $("#aboutus").fancybox({ 'width': '300', 'height': '250' }); 6 $("#contractus").fancybox({ 'width': '300', 'height': '250' }); 7 $("#leavemsg").fancybox({ 'width': '300', 'height': '250' }); 8 }); </script> </head> <body> <div id="d_header"> <div id="d_personaction"> </div> <div id="d_logoandnav"> <div id="d_logo"></div> <div id="d_nav"> <ul> <li><a id="home" href="#notice">首页</a></li> <li><a id="solutions" href="#notice">解决方案</a></li> <li><a id="service" href="#notice">服务范围</a></li> <li><a id="aboutus" href="#notice">关于我们</a></li> <li><a id="contractus" href="#notice">联系我们</a></li> <li class="li_end"><a id="leavemsg" href="#notice">在线留言</a></li> </ul> </div> </div> </div> <div id="d_body"> <div id="d_body_top"> <div id="d_body_top_l"> <div id="d_body_top_r"></div> </div> </div> <div id="d_imgbox"> <div id="d_imgbox_c"> <div id="d_imgbox_l"> <div id="d_imgbox_r"> <div style=" height:200px;"></div> </div> </div> </div> </div> <div id="d_body_center"> <div id="d_body_center_l"> <div id="d_body_center_r"> <div style=" height:768px"></div> </div> </div> </div> <div id="d_body_bottom"> <div id="d_body_bottom_l"> <div id="d_body_bottom_r"></div> </div> </div> </div> <div id="d_footer"> <div id="d_footer_content"> <div id="d_footer_content_top"> </div> <div id="d_footer_content_bottom"> <p>Powered by <strong>imecc</strong></p> </div> </div> </div> <div class="hidden"> <div id="notice"> 网站正在建设中,非常感谢您的这次访问!<br /> This webstation is buliding now, Thank for your visit!. </div> </div> </body> </html>
不知道怎么回事,一不小心提到电源关机了,再打开在浏览器里完全错乱,我用firebug看发现head里的内容全部跑到了body里!!!木天理了!!!!!!!!
在网上查了,说是编码问题·~怎么解决呢·?
跪求大侠了!!!!!!!!!
你不要用firebug这样查看, 你看源代码,firebug会把一些缺失的标签杠杠 给你自动补全的。
HTML标签丢失或者不正确,检查下标签就可以了。
这段代码是没有问题的,我用chrome是可以正确的跑出页面的
肯定是少了一个合起来的标签
同遇到问题