Difference between revisions of "Team:Uppsala/TEST"

Line 48: Line 48:
  
  
html { height: 100%; }
 
body {
 
    min-height:100%;
 
    position:relative;
 
    padding-bottom:[footer-height]
 
}
 
.footer {
 
    position: absolute;
 
    left: 0 ; right: 0; bottom: 0;
 
    height:[footer-height]
 
}
 
  
  
 +
 +
* {
 +
  margin: 0;
 +
}
 +
html, body {
 +
  height: 100%;
 +
}
 +
.page-wrap {
 +
  min-height: 100%;
 +
  /* equal to footer height */
 +
  margin-bottom: -142px;
 +
}
 +
.page-wrap:after {
 +
  content: "";
 +
  display: block;
 +
}
 +
.site-footer, .page-wrap:after {
 +
  height: 142px;
 +
}
 +
.site-footer {
 +
  background: orange;
 +
}
  
  
Line 80: Line 91:
  
  
<body>
+
<div class="page-wrap">
  <div class="content">
+
 
    content
+
   Content!
   </div>
+
     
  <footer class="footer"></footer>
+
</div>
</body>
+
 
+
<footer class="site-footer">
 +
  I'm the Sticky Footer.
 +
</footer>
  
  

Revision as of 21:01, 3 December 2018





Content!
I'm the Sticky Footer.