1

ここに問題がありますhttp://jpswebsites.com/rebound/recovery/recovery-education/134-2/

私のウェブサイト コンテンツの背景領域は 1000px で停止します。min-height プロパティは 1000px に設定されています。想定どおりに、フッターと出会う場所の一番下に流れないのはなぜですか?

HTML:

<html>
   <body>
      <div id="swoosh">
         <div id="wrapper">
            <div id="container">
               <div id="int-content">
                  <div id="main">
                     CONTENT IS HERE
                  </div>
               </div>
            </div>
         </div>
      </div>
   </body>
</html>

CSS

body{
background: white url(images/tiny_grid.png)repeat;
font: 13px Muli, Arial, Helvetica, sans-serif;
color: #525153;
min-width: 980px;
}

#swoosh {
background: url(images/swoosh.png);
background-repeat: no-repeat;
}

#container {
margin: 10px 16px 0 16px;
background-image: url(images/container_bg.jpg);
min-height: 1000px;
}

#wrapper {
width: 980px;
margin: 0 auto;
background: url(images/cbg.png) no-repeat 0 0;
padding: 0 14px;
} 

#int-content {
margin: -5px 2px 15px 30px;
}

#main {
float: left;
width: 484px;
padding: 34px 0 0 20px;
}

チュートリアルで提案されているように、すべてのアイテムに高さ 100% を設定してみました。これは本当に物事を狂わせました。

よろしくお願いします！

4

0 に答える 0