0

我已经获得了标题和主页内容的颜色来拉伸整个页面，但仍然使内容居中。

但是我的页脚没有被拉伸，我如何像页眉一样拉伸页脚？

HTML：

<body> 
<div id="header"> 
    <div class="container"> <img src=   "images/webalign-uk-white.png" width="429" height="61" />
        <!-- header's content here --><p class="fltrt">Contact: 00000000000</p></div>
    <!-- .container --> 
</div><!-- #header --> 
<div id="content"> 
    <div class="container"> 
        <!-- main content here --><h1> Hello!</h1>

 <div id="footer">
    <div class="container"> 
        <!-- footer's content here --><p>Footer1</p>
  </div><!-- .container --> 
</div><!-- #footer --> 
</body>

CSS：

.container {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 15px; /* the auto value on the sides, coupled with the width, centers the layout */
}

#header {
    background-color: #eee;
}

#content {
    padding: 10px 0;
    background-color:#F9f9f9;
}

#footer {
    padding: 10px 0;
    background-color: #333;
    color: #bbb;
    clear: both;
}
4

1 回答 1

0

你没有关闭.container和#contentdiv。这可能是问题所在。

于 2013-02-23T19:13:46.027 回答