フッタの下の空白のページ

Question

私のウェブサイトの下に空白があります。 http://braulionova-001-site18.atempurl.com/DirectorioMedico.aspx 私はCSS、改行タグをチェックします。

一部のページは問題ありませんが、他のページはフッターページの下にこの空白があります。

Answer 1

あなたのCSSには、autocomplete_completionListElementという名前のクラスがあり、その高さは200pxです。高さにコメントし、以下のようにチェックしてみてください。お役に立てれば。

.autocomplete_completionListElement { 
visibility: hidden; 
margin: 0px !important; 
background-color: White; 
background: white; 
color: windowtext; 
border: buttonshadow; 
border-width: 1px; 
border-style: solid; 
cursor: 'default'; 
overflow: auto; 
/* height: 200px; */ 
text-align: left; 
list-style-type: none; 
} 

これが役に立ちます。

Answer 2

は、要素のように見えます。 .autocomplete_completionListElementには、高さ200pxのvisibility: hiddenがあります。

visibility: hiddenは高さと幅でその要素を保持しますが、非表示にします。あなたがそれを隠そうとしたので、あなたがそこでそれを望んでいないように見えます。それを取り除くにはdisplay: none

Answer 3

この問題は、クラス.autocomplete_completionListElementの要素が原因です。

コードを次のコードで更新してください。それは正常に動作します。

.autocomplete_completionListElement { 
    /*visibility: hidden;*/ 
    display: none; 
    margin: 0px !important; 
    background-color: White; 
    background: white; 
    color: windowtext; 
    border: buttonshadow; 
    border-width: 1px; 
    border-style: solid; 
    cursor: 'default'; 
    overflow: auto; 
    height: 200px; 
    text-align: left; 
    list-style-type: none; 
} 

Answer 4

は、そのIDを持つ要素

.footer    
      { 
       background:#333333; 
       color:#848484; 
       font-size:12px; 
       font-size:12px; 
       font-family:Open Sans,sans-serif; 
       font-weight:bold; 
       text-align:center; 
       padding:7px 50px 10px 0px; 
       vertical-align:middle; 
       margin-top:10px; 
      }