Почему существует разрыв между моей контент-страницей и нижним колонтитулом?

У меня есть простая мастер-страница с нижним колонтитулом div. Но это вызывает разрыв между страницей контента и нижним колонтитулом. Какая может быть причина?Почему существует разрыв между моей контент-страницей и нижним колонтитулом?

enter image description here

<body > 
<form id="form1" runat="server"> 
<div> 
    <table cellpadding="0" cellspacing="0" class="mmaintable"> 
     <tr> 
     <td class="mmaintableside">&nbsp;</td> 
     <td class="mmaintablemiddle" colspan="4"> 
      <table cellpadding="0" cellspacing="0" class="munmaintable"> 
       </table> 
       </td> 
     <td class="mmaintableside">&nbsp;</td> 
    </tr> 
    </table> 
    <div class="contentpage"> 
    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 
    </asp:ContentPlaceHolder> 
     <div class="Footercontent"> 
      <h2>Footer 
      </h2> 
     </div> 
    </div> 
</div> 
</form> 
</body>

Как вам посмотреть, нету я оставил никаких тр или DIV между contentplaceholder1 и сноске.

Мой CSS:

.mmaintable { 
     width: 100%; 
     padding:0; 
    } 
    .mupdatepaneltable { 
     width: 100%; 
    } 
    .mmaintableside { 
     width: 198px; 
    } 
    .mmaintablemiddle { 
     width: 938px; 
    } 
    .munmaintable { 
     width: 938px; 
    } 
    .munmaintable1 { 
     text-align:right; 
     width: 234.5px; 
     color: #CCCCCC; 
    background-color: #FF0066; 
    } 
    .munmaintable2 { 
     text-align:left; 
     width: 234.5px; 
     color: #CCCCCC; 
    background-color: #FF0066; 
    } 
    .munmaintable3 { 
     text-align:left; 
     width: 234.5px; 
     color: #CCCCCC; 
    background-color: #FF0066; 
    } 
    .munmaintable4 { 
     text-align:left; 
     width: 234.5px; 
     color: #CCCCCC; 
    background-color: #FF0066; 
    } 
    .mmergedunmaintable23 { 
     width: 300px; 
     color: #CCCCCC; 
     text-align:center; 
      } 
    .backgroundimage { 
    background-position: center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background-image: url('../Images/stadium2.png'); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
} 
    #ContentPlaceHolder1 
    { 
     width:938px; 
     text-align:center; 
    } 
    .contentpage{ 
     width:938px; 
     text-align:center; 
     margin:0 auto; 
    } 
    .Footercontent { 
     width:938px; 
     text-align:center; 
     margin:0 auto; 
     background-color:#FF0066; 
    } 
    .clear { 
     clear:both; 
    }

источник

2015-07-13 RelatedRhymes

Покажите нам свой 'CSS'. – Siyah

Пожалуйста, разместите свой CSS. – disinfor

не могли бы вы отправить результирующий html и css –

Попробуйте это ...

CSS

.Footercontent { 
    width:938px; 
    text-align:center; 
    margin: -20px auto 0 auto; 
    background-color:#FF0066; 
}

источник

2015-07-13 17:10:50 Malik

Отлично. Работа выполнена. Как это работает? – RelatedRhymes

В поле: -20px auto 0 auto; '-20px сделал трюк. – Malik

Можете ли вы предоставить какие-либо CSS?

Попробуйте это:

.Footercontent { 
margin:0 
padding:0 
}

источник

2015-07-13 17:02:15 user3375840

Нет. Не делайте ничего другого. Я также разместил CSS – RelatedRhymes

Вы можете также попытаться удалить h2 запас

.Footercontent h2{ 
    margin: 0; 
}

источник

2015-07-13 17:08:09

Хотя это ничего не делает, он выравнивает мой нижний колонтитул слева, который не нужен. – RelatedRhymes

Вы применили поле к '.Footercontent' или' .Footercontent h2'? –

Почему существует разрыв между моей контент-страницей и нижним колонтитулом?

ответ

Смежные вопросы