css - Part of footer is getting hidden -


i working on developing site company. stuck on 1 issue layout not working correctly. footer @ bottom partially being covered. have added z-index , changed nothing. have played margins , paddings no avail. can see causing partially covered. here image showing see: enter image description here

and website here: 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 affiliated <a href="http://clubschoicefundraising.com">club's choice fundraising</a>.                  </h3>    </footer>  </div>

it's nothing css @bart helped me notice.

at around line 200 (of html) have this;

    <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.  entry has been submitted.");                         }                     },                     error: function (xhr, ajaxoptions, thrownerror) {                      }                 });              });         });     </script> > 

as can see after close script tag there stray > cause of problems.

also margin: 0 auto -20px; should margin: 0 auto; @tezekiel said


Comments

Popular posts from this blog

jOOQ update returning clause with Oracle -

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

java - BasicPathUsageException: Cannot join to attribute of basic type -