css 文字位置的有关问题纠结

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，如果不重置，调兼容会调死你的。

查看更多 下一篇