css - Body Height pushing down footer to far -


I am having trouble extending my footer to remove my body.

My CSS: 

  body {background-color: #EDEDED! Important; Background-image: url ('http://static.lukepolo.com/public/assets/img/broken_noise.png')! Important; } Body & gt; Container {min-height: 100%; } Html, body {height: 100%; } Footer {padding: 10px; Background-image: url ('http://static.lukepolo.com/public/assets/img/broken_noise.png')! Important; White color; } Plant P {Display: Inline-Block; }   
 My HTML:  
  & lt; Div class = "container" & gt; & Lt; / Div & gt; & Lt; Footer & gt; & Lt ;? Php $ footer;; & Gt; & Lt; / Footer & gt;   
 This is my link:  
 Here's an image that can help in understanding:  
   
 
 This is a fairly CSS problem, and as is a specific solution.  
 You need to pull the footer up by adding a negative  margin-top , it is equal to its height, to ensure that it contains any of the contents inside Does not overlap. Container, this time. The container is equal to the height of the footer (equal to or greater) to a  padding-bottom . / P>

Comments

Post a Comment