2012-05-07 8 views
0

垂直スクロールバーが表示されるようにページの高さを変更すると、ページのdiv要素が伸びて、ページの下部に空白のブロックが表示されます。現在のサイトはこちらです:垂直スクロールバーが表示されたときにdivのサイズが変わるのはなぜですか?

http://cliqups.herokuapp.com/

私はdiv要素のこのサイズ変更を停止するにはどうすればよいですか?私はちょうど垂直スクロールバーを完全に無効にすべきですか?

後世のために、私はいくつかのスクリーンショットを追加しました。スクロールバーなし

:スクロールバー付き enter image description here

enter image description here

答えて

2

これは、@のメディアクエリは、特定の画面の高さの中でキックをCSS /assets/application-67b0f50f40b31242c0515ffd40544866.cssファイル内のあなたの犯人であります。

@media screen and (max-height: 855px) 
    div#wrapper div.container div.sign-up { 
    margin-top: 271px; 
    } 

この行を見つけて余白を取り除く:271px;余分なスペースが消えるのを見てください。スクロールバーを無効にする必要はありません。私はこれが役立つことを願っています

+0

完璧、ありがとう!私はこのコードを継承しましたが、私はまだCSSのより高度な側面について検討しています。 @mediaで読む時間。 ;-) –

関連する問題