ズームすると、コンテナー div のコンテンツが固定フッターと一緒につぶれます。中央のテーブルにさらに行を追加すると、フッターはページ上で下に移動せず、一緒につぶれます。
navbar とフッターの間に一定数のピクセルがあるようです。
class="container-fluid" と class="row fluid" を試しましたが、どちらもこの問題を解決しませんでした。また、Googleでstackoverflowを広範囲に検索しましたが、解決策が見つかりません。
ありがとう。
ズームすると、コンテナー div のコンテンツが固定フッターと一緒につぶれます。中央のテーブルにさらに行を追加すると、フッターはページ上で下に移動せず、一緒につぶれます。
navbar とフッターの間に一定数のピクセルがあるようです。
class="container-fluid" と class="row fluid" を試しましたが、どちらもこの問題を解決しませんでした。また、Googleでstackoverflowを広範囲に検索しましたが、解決策が見つかりません。
ありがとう。
テーブルの直後<div id="footer">
の、の内側に移動します。また、フッターの内側にあるものを削除します。これは必要ありません。<div class="container">
div
<div class="container">
結果は画像のようになります。
編集:また、フッターをスティッキーにしたい場合は、CSS-tricksからこのトリックを使用できます。
#footer {
position:fixed;
left:0px;
bottom:0px;
height:50px;
width:100%;
background:#999;
}
そしてmargin-bottom
、テーブルからを増やすことを忘れないでください。