日期:2014-05-17  浏览次数:20603 次

css 文字位置的问题纠结啊
初学 html遇到问题啦
C/C++ code



///这里是css
#id_top_div_mid {
    background-color: #D6D6D6;
    background-image: url(./img/top_barbackground_mid.jpg);
    background-repeat: repeat;
    width:644px;
    height:162px;
    float : left;
}

#id_top_div_name {
    background-repeat: norepeat;
    width:643px;
    height:130px;
    text-align : center;

}

h1 {
    font-size: 50px;
    font-style: normal;
    color: #FFAF09;
}

#id_top_div_menu {
    background-repeat: norepeat;
    width:643px;
    height:30px;
    text-align : center;

}

#id_top_menu{
    float: left;
    list-style: none outside none ;
    font-family:Verdana, Geneva, sans-serif;
    }
li{
        float: left;
        width: 80px;
        color: #FFAF09;
}    

/////下面是HTML

 <div class="c_top_div_mid" id="id_top_div_mid">
        <div class="c_top_div_name" id="id_top_div_name">
          <h1 id="main_title">这是公司的名称</h1>
      </div>
        <div class="c_top_div_menu" id="id_top_div_menu">
      <ul type="disc" class="c_top_menu" id="id_top_menu" title="首页,金麒麟KTV,大厅">
      <li><a href="" class="link"><span>网站首页</span></a></li>
      <li><a href="" class="link"><span>产品介绍</span></a></li>
      </ul>
      </div>

  </div>





这是dreamwerver 的预览

导航菜单位置靠靠下
这是IE6的效果有点不清楚 

导航菜单位置离下边太远了
下面是 FF 的效果

导航的位置 都跑出去很远了
这CSS 应该怎么写好呢, 望各位大侠赐教






------解决方案--------------------
楼主 ,body,h1-6,p等标签在默认情况下是有间距的,
需要我们重置一下。
你可以搜索一下 reset css
简单的可以
*{margin:0; padding:0;}
------解决方案--------------------
写任何CSS前,请先重置所有元素。因为不同元素在不同浏览器下有默认的margin和padding,如果不重置,调兼容会调死你的。