Home Footer cover part of body content
Reply: 0

Footer cover part of body content

user7596
1#
user7596 Published in September 20, 2018, 4:34 pm

I'm working on a page that has a header and footer. For some reason, the footer is covering part of the body content no matter how I modify the footer css. Currently, my css is

       html {
          height: 100%;
          box-sizing: border-box;
        }
        
        body {
          position: relative;
          margin: 0;
          padding-bottom: 6rem;
          min-height: 100%;
        }
        
        .navbar {
          margin-bottom: 20px;
        }
        
        .footer {
          width:100%;
          height:6%;
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          padding: 1rem;
          background-color: #efefef;
        }
    <footer class="footer fixed-bottom navbar-dark bg-dark">
        <div class="container">
            <p class="text-muted text-strong">Copyright (c) information and other stuff</p>
        </div>
    </footer>

Could someone point me to how to fix that problem? Also, a side topic, but how could I adjust the width of the button, so they have the same width (for Revoke/Grant Access buttons). Thanks

share|improve this question
  • Mate, you need to post your HTML code (additionally to CSS). – WebDevBooster Feb 14 at 9:56
  • It has nothing to do with my HTML code, but I edited it in my post – shjnlee Feb 14 at 10:04

3 Answers 3

active oldest votes
up vote 1 down vote accepted
You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.294742 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO