css,导航栏下面的页面无法显示

来源： 作者： 时间：2008-01-01 点击：

网页的代码:

HTML code


<!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 runat="server">
    <title>母版页</title>
   <link href=xgc.css rel="stylesheet" type="text/css"  />
</head>
<body>
<div id="page-container">  
   
   <div id="header" >
   </div>
   

     
        <div id="main-nav">   
          <div id="submenu" > 
                <ul>
                    <li id="one"><a title="首页" href="http://www.w3cn.org/">首页</a></li>
                    <li id="two"><a title="学生工作" href="http://www.w3cn.org/aboutus.html">学生工作</a></li>
                    <li id="three"><a title="招生" href="http://www.w3cn.org/webstandards.html">招生</a></li>
                    <li id="four"><a title="学工信息" href="http://www.w3cn.org/benefits.html">学工信息</a></li>
                    <li id="five"><a title="表格下载" href="http://www.w3cn.org/howto.html">表格下载</a></li>
                    <li id="six"><a title="院系动态" href="http://www.w3cn.org/tutorial.html">院系动态</a></li>
                    <li id="seven"><a title="学生就业" href="http://www.w3cn.org/tools.html">学生就业</a></li>
                    <li id="eight"><a title="专业介绍" href="http://www.w3cn.org/resources.html">专业介绍</a></li>
                    <li id="nine"><a title="常见问题" href="http://www.w3cn.org/faq.html">常见问题</a></li>
                </ul>
           </div> 

        </div> 

 <div id="mainbox">
   <div id="sidebar-a" >
       <div id="hotnews">
       
      </div> 
   </div>
   
   
   
    <div id="mainbody" >
    
        <div id="news">
        </div>
        
        <div id="yuanxi">
        </div>
        
        <div id="cankao">
        </div>
   
    </div>



</div>

         
    <div id="footer">
    </div>


</div> 
    
</body>
</html>



 数据挖掘研究院

css的代码

CSS code


#page-container {width: 760px;margin:0px auto;}

html, body {
margin: 0;
padding: 0;
}

body
{
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 12px;
    
}


#header
{
    width: 773px;
    margin: auto;
    height: 90px;
    background: url(image/titlenew.jpg) fixed center 0% no-repeat;
    
}

#mainbox 
{
    MARGIN: 0px; 
    WIDTH: 770px; 
    BACKGROUND: #FFF; 
}

#main-nav
{
    width: 760px;
    
}

#submenu
{
    margin: 0px ;
    padding: 0px;
    background: silver;
    color: #000000;
    height: 20px;
    border: #000000 1px solid;
    
} 

#submenu ul { 
CLEAR: left; 
MARGIN: 0px; 
PADDING:0px; 
BORDER: 0px; 
LIST-STYLE-TYPE: none; 
TEXT-ALIGN: center; 
DISPLAY:inline;
} 

#submenu li { 
FLOAT: left; 
DISPLAY: block; 
MARGIN: 0px; 
PADDING: 0px; 
TEXT-ALIGN: center} 

#submenu li a { 
DISPLAY: block; 
PADDING:2px 3px 2px 3px; 
BACKGROUND: url(images/icon_dot_lmenu.gif) transparent no-repeat 2px 8px; 
FONT-WEIGHT: bold; 
WIDTH: 100%; 
COLOR: #444; 
TEXT-DECORATION: none; 
} 

#submenu li a:hover { 
BACKGROUND: url(images/icon_dot_lmenu2.gif) #C61C18 no-repeat 2px 8px; 
COLOR: #fff; } 

#submenu ul li#one A { WIDTH: 60px} 
#submenu ul li#two A { WIDTH: 80px} 
#submenu ul li#three A { WIDTH: 60px} 
#submenu ul li#four A { WIDTH: 80px} 
#submenu ul li#five A { WIDTH: 80px} 
#submenu ul li#six A { WIDTH: 80px} 
#submenu ul li#seven A { WIDTH: 80px} 
#submenu ul li#eight A { WIDTH: 80px} 
#submenu ul li#nine A { WIDTH: 80px} 



#mainbody
{
MARGIN: 1px 0px 2px 0px; 
PADDING:0px; 
 width:570px;
 text-align:left;
 float:right; /*浮动居右*/
 clear:right;
 
 
}

#news
{ 
    width:auto;
    height:200px;
    background: url(image/zonghe.bmp) fixed center 0% no-repeat; 
}

#yuanxi
{
    width: auto;
    height: 200px;
    background: url(image/yuanxidongtai.bmp) fixed no-repeat center 0%;
}

#cankao
{
    width: auto;
    height: 200px;
    background: url(image/cankao.bmp) fixed no-repeat center 0%;
}





#sidebar-a 
{
    MARGIN: 2px 2px 0px 0px; 
    PADDING: 0px;     
width:220px; /*设定宽度*/
 text-align:left; /*文字左对齐*/
 float:left; /*浮动居左*/
 
 
}

#hotnews
{
    width:auto;
    height:100px;
    background: url(image/remen.bmp) fixed center 0% no-repeat;
}







#footer
{
    clear: both;
    height: 44px;
    background: url(image/bottom.jpg) fixed center 0% no-repeat;
    border-top: 1px solid #efefef;
}



 数据挖掘研究院

清除浮动

清除浮动?

具体一点啊,在哪里清除浮动?

啊?到底在哪里清除浮动呢?
急用啊!

[数据挖掘工作交流] [数据挖掘研究院] [数据挖掘论坛] [数据挖掘实验室]

顶一下

上一篇：网站制作之网页技巧
下一篇：textarea问题急（在线等）

最新评论共有 0 位网友发表了评论

查看所有评论

发表评论

热点关注