Часть нижнего колонтитула скрывается

Question

Я работаю над созданием сайта для своей компании. Я застрял в одной проблеме, где макет работает неправильно. Нижний колонтитул внизу частично закрыт. Я добавил z-index и ничего не изменил. Я играл с полями и прокладками безрезультатно. Надеюсь, кто-то может увидеть, что вызывает его частично. Здесь показывается изображение, что я вижу:

И сайт здесь: http://clubschoicemagic.com/

#slide03.slide .footer-container { 
 
    background-color: #06060d; 
 
    color: rgba(255, 255, 255, 0.5); 
 
    font-size: 14px; 
 
    margin-bottom: 0; 
 
    text-align: center; 
 
} 
 
#slide03.slide .footer-container .wrapper { 
 
    background-color: #06060d; 
 
    bottom: 0; 
 
    color: #ffffff; 
 
    left: 0; 
 
    margin: 0 auto -20px; 
 
    padding-top: 5px; 
 
    position: absolute; 
 
    text-align: center; 
 
    text-shadow: none; 
 
    top: auto; 
 
    transform: none; 
 
    width: 100%; 
 
}

<div class="footer-container"> 
 
    <footer class="wrapper"> 
 
    <img src="http://clubschoicefundraising.com/Content/img/logo.png" class="center-block" width="80" /> 
 
    <h3> 
 
        Clubschoicemagic.com is affiliated with <a href="http://clubschoicefundraising.com">Club's Choice Fundraising</a>. 
 
       </h3> 
 
    </footer> 
 
</div>

Answer 1

Это не имеет никакого отношения к вашим CSS, так как @Bart помог мне заметить.

около линии 200 (вашего HTML) у вас есть это;

<script type="text/javascript"> 

     $(document).ready(function() { 
      $(".contactForm").on('submit', function (e) { 
       e.preventDefault(); 
       var firstName = $("#firstName").val(); 
       if (firstName == "") { 
        firstName = "None given"; 
       } 
       var model = { firstName: firstName, schoolName: $("#schoolName").val(), note: $("#note").val() }; 

       $.ajax({ 
        url: "/Home/Index", 
        type: 'POST', 
        data: { model: model }, 
        success: function (result) { 
         if (result) { 
          $(".contactForm").trigger('reset'); 
          $("#formMessage").html("Thank you. Your entry has been submitted."); 
         } 
        }, 
        error: function (xhr, ajaxOptions, thrownError) { 

        } 
       }); 

      }); 
     }); 
    </script> 
> 

, как вы можете увидеть после закрытия тег сценария есть шальная >, что является причиной ваших проблем.

Также margin: 0 auto -20px; должен быть margin: 0 auto;, как @Tezekiel сказал

Answer 2

Просто удалите этот

margin: 0 auto -20px; 

из вашего колонтитула CSS ,