ブラウザウィンドウの幅を小さくするとフッターが正しく表示されない

Question

何が起きているのかを示す画像にリンクするだけで簡単です。

http://imgur.com/a/EaCsO

最初の画像は、フッタは通常見え方を示し、次いで第2の画像は、私は、ウィンドウの幅を小さくするとき、私が午前の問題を示しています。

私のウィンドウの幅を小さくすると、フッターとヘッダーの両方が消えてウィンドウのサイズが小さくなります。横スクロールバーが表示された時点で解像が開始されます。

ここはフッター要素のCSSです。

.bottombar { 
height:220px; 
clear: both; 
width:100%; 
background:-webkit-radial-gradient(black 15%,transparent 16%) 0 0,-webkit-radial-gradient(black 15%,transparent 16%) 8px 8px,-webkit-radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 0 1px,-webkit-radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 8px 9px; 
background:-moz-radial-gradient(black 15%,transparent 16%) 0 0,-moz-radial-gradient(black 15%,transparent 16%) 8px 8px,-moz-radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 0 1px,-moz-radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 8px 9px; 
background:radial-gradient(black 15%,transparent 16%) 0 0,radial-gradient(black 15%,transparent 16%) 8px 8px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 0 1px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 8px 9px; 
background-color:#282828; 
background-size:16px 16px; 
} 

Answer 1

min-widthあなたフッターを定義します。例えば

：

.bottombar{ 
min-width:1000px; 
}