css3技术

DIV+CSS教程_解决网页顶部和浏览器间有空白_div+css教程

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:54 我要评论( )

DIV+CSS教程_解决网页顶部和浏览器间有空白,学习DIV+CSS教程_解决网页顶部和浏览器间有空白,DIV+CSS教程_解决网页顶部和浏览器间有空白,查看DIV+CSS教程_解决网

遇到个问题:我网页的顶部是用INCLUDE导入的,但是顶部和浏览器之间会出现空白,真个INCLUDE文件下降了。如果不用INCLUDE,直接写在页面里,就是正常的。请各位大侠帮我看一下好么?多谢啦~~!

主页面代码:
<div id="all">
  <div id="topinto"><!--#include file="/Skin/Skin/include/head.html"--></div>
  <div id="banner">
    <div class="flash">
      <object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="#version=7,0,19,0" width="360" height="46">
        <param name="movie" value="/Skin/Skin/flash/word.swf" />
        <param name="quality" value="high" />
              <param name="wmode" value="transparent">
        <embed src="/Skin/Skin/flash/word.swf" quality="high" pluginspage="" type="application/x-shockwave-flash" width="360" height="46"></embed>
      </object>
    </div>
  </div>
</div>

include文件里 head.html 的代码:
<script type="text/javascript">
function Search()
{
       var txts=document.getElementById("txts").value;
       if(txts=="")
       {
          document.getElementById("txts").value="请填写内容..";
       }else
       {
          document.forms["formSearch"].submit();          
       }       
}
function onfocusText()
{
       var txts=document.getElementById("txts").value;
       if(txts=="请填写内容..")
       {
              document.getElementById("txts").value="";
       }
}
</script>
  <div id="head">
    <div id="search">
         <ul>
           <li><img src="/Skin/Skin/images/searchpic.jpg" /></li>
              <li class="inputdd"><form id="formSearch" name="formSearch" action="/count/SearchResult.aspx"><input name="txts" id="txts" type="text" class="textinput" onfocus="onfocusText()" /></form></li>
              <li><img src="/Skin/Skin/images/searchbutton.jpg" onclick ="Search()" /></li>
         </ul>
       </div>
  </div>
  <div class="nav">
    <ul>
         <li class="navone"><a href="#"><img src="/Skin/Skin/images/nav1.jpg" alt="网站首页" /></a></li>
         <li><a href=""><img src="/Skin/Skin/images/nav2.jpg" alt="工作动态"/></a></li>
         <li><a href="?id=理论学习"><img src="/Skin/Skin/images/nav3.jpg"alt="理论学习" /></a></li>
         <li><a href="""><img src="/Skin/Skin/images/nav4.jpg" alt="精神文明"/></a></li>
         <li><a href="/Skin/Skin/agencies.shtm"><img src="/Skin/Skin/images/nav5.jpg" alt="机构设置"/></a></li>
         <li><a href=""><img src="/Skin/Skin/images/nav6.jpg" alt="下载专区"/></a></li>
       </ul>  
  </div>

CSS的样式:
*{ margin:0; padding:0;}
#all{width:960px;height:auto;background-color:#ffffff;margin:0 auto;border-left:1px solid #d63e31; border-right:1px solid #d63e31}

#topinto{width:960px;height:159px;margin:0;padding:0;}
#head{width:960px;height:113px; background-image:url(/Skin/Skin/images/head.jpg); background-repeat:no-repeat;}
.nav{width:960px;height:46px; background-image:url(/Skin/Skin/images/navbg.jpg); background-repeat:repeat-x;}
.nav ul{ list-style:none; margin:0px; padding:0px;}
.nav ul li{float:left;width:117px;height:46px;}
.navone{ margin-left:130px;}
#banner{width:960px;height:155px; background-image:url(/Skin/Skin/images/banner.jpg); background-repeat:no-repeat;}
.flash{float:left;width:360px;height:46px; margin-top:58px;margin-left:28px;}

#search{float:right;width:192px;height:20px; margin-right:15px; margin-top:66px;}
#search ul{width:192px;height:20px; list-style:none; margin:0px; padding:0px; overflow:hidden;}
#search ul li{float:left; display:block;}
.textinput{width:104px;height:18px; border:1px solid #e6e6e6; color:#666;}
.inputdd{width:104px;}

解决方法

在DW中单独打开那个包含文件,然后按Ctrl+J。

选择“标题编码”,在出来的界面中,取消那个“包含 Unicode 签名 BOM”,然后再试试。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • DIVCSS网页布局常用的方法与技巧_div+css布局教程

    DIVCSS网页布局常用的方法与技巧_div+css布局教程

    2015-10-02 14:26

  • DIVCSS网页布局:实现让多个DIV排列时居中_div+css布局教程

    DIVCSS网页布局:实现让多个DIV排列时居中_div+css布局教程

    2015-10-02 14:18

  • Div CSS网页布局三栏页CSSfloat方法_div+css布局教程

    Div CSS网页布局三栏页CSSfloat方法_div+css布局教程

    2015-09-29 10:00

  • Div CSS网页布局:用class组合实现_div+css布局教程

    Div CSS网页布局:用class组合实现_div+css布局教程

    2015-09-29 09:00

网友点评