2

こんにちは、単純なレイアウトを作成していましたが、フッターのスタイルを設定したい場合、出力に表示されません。何が問題なのですか？フッターにスタイルを適用しましたが、背景色が表示されません。画像はこちら： http: //oi40.tinypic.com/xe03rs.jpg

<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    #container {
        width: 950px;
        height: auto;
        margin:auto;
    }
    #header {
        width: 950px;
        height:120px;
    background-color:#F00;
}
#main {
    width: 750px;
    height: 500px;
    background-color:#0F0;
    float:left;
}
#sidebar {
    width:200px;
    height:500px;
    background-color:#00F;
    float:left;
}
#footer {
    width: 950px;
    height: 500px;
    background-color:#F00;
    }
</style>
</head>

<body>
<div id="container">
    <div id="header">
    HEADER GOES HERE
    </div>

    <div id="main">
    MAIN CONTENT GOES HERE
    </div>

    <div id="sidebar">
    SIDEBAR GOES HERE
    </div>
    <div id="footer">
    FOOTER GOES HERE
    </div>
</div>

</body>
</html>
4

3 に答える 3

0

#コンテナに設定

overflow: auto;

#フッター用

margin: auto;
于 2013-07-10T09:35:47.437 に答える