Content cannot scroll - HTML - CSS -


i've web view use datatable plugin in content. content cannot scrolling when data when data no longer fit displayed on screen.

the red box cannot cannot scrolling

html

<div class="landing">                <div class="wrap mainbar-new">         <div class="why-container">             <div class="table-responsive">                 <table class="table table-striped table-bordered table-hover" id="table">                     <thead>                         <tr>                             <th align="center">no</th>                             <th align="center">time</th>                             <th align="center">user</th>                         </tr>                     </thead>                     <tbody>                     <?php $no=1;                         foreach($data $row):?>                             <tr>                                 <td align="center"><?php echo $no;?></td>                                 <td align="center"><?php echo date("d/m/y", strtotime($row->time));?></td>                                 <td align="center"><?php echo $row->user;?></td>                             </tr>                         <?php $no++;                         endforeach;?>                      </tbody>                 </table>             </div>         </div>                       </div> </div> 

css

.landing {     background-color: #fff;     padding-top: 10%;     overflow: auto; } 

anybody know should in case? in advance.


Comments

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -