html - The last couple scroll lines are hidden behind the footer. Is there a simple way to fix this? -


i have data in tables require scrolling. have fixed footer @ bottom of display. last few items in table hidden behind footer when scrolling bottom of table. there simple way limit bottom of scroll falls outside footer when scrolling last items in table?

the application responsive display on computer, iphone , ipad.

relevant code application.html.erb:

   <body>         <%= render 'layouts/header' %>       <div class="main-container" >          <%= yield %>          <%= render 'layouts/footer' %>          <!--%= debug(@horses) if rails.env.development? %-->       </div>    </body> 

relevant css code - main-container:

  body > .main-container {     overflow:auto;     padding: 60px 15px 0em;     margin-bottom: 80px;     background-color:#b0bd92;     position:fixed;     width:100%;     height:100%;   } 

relevant code - footer.html.erb

  <nav class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">      <div class="navbar-footer">         <a id="logo">copyright xxxxx</a>      </div>   </nav> 

there no css relates class "navbar-footer"

thanking in advance

i closing 1 because have not received answer. have taken footer off around issue.


Comments

Popular posts from this blog

java - Static nested class instance -

c# - Bluetooth LE CanUpdate Characteristic property -

JavaScript - Replace variable from string in all occurrences -