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