ここにある私のページには、フッターの最後に白い隙間がありますが、すべてを試してみても、まだ途方に暮れていると思います.
固定された右側のナビゲーションと流動的な中央のコンテナーにより、「プッシュ」クラスと負のマージンを使用して、それに影響を与える可能性のある等しい列を実現しています。
CSSは次のとおりです。
#main-content {
margin: 0 5% -100px;
min-width: 960px;
max-width: 1137px;
overflow: hidden;
min-height: 100%;
}
.right-nav {
float: right;
width: 31.5%;
border-left: 1px solid #DDD;
padding-top: 1.5em;
padding-bottom: 10040px;
margin-bottom: -10040px;
width: 358px;
}
#middle {
width: 67.2%;
height: 100%;
padding: 1.5em 1.2% 15px 0;
margin-bottom: 3em;
width: auto;
margin-right: 358px;
}
#footer-wrapper, #push {
height: 100px;
overflow: hidden;
}
#footer-wrapper {
clear: both;
width: 100%;
border-top: 1px solid #323232;
padding: 20px 0 0;
background: #33383C;
background: #3F4952 url("/images/bg.jpg") repeat;
}