Footer Problems

Question

Footer Problems

Navigation

#1 by (1 votes)

0

I'm having problems with my rod on a page that contains a list, which I'm adding and growing. The problem is that you are creating two scrollbars on the site and I can not solve it. Here's the list and the css.

.footer {
 background-color: #F2F2F2;
    width:100%;
    height: 60px;
    position:fixed;    
    bottom:0;

}


                                            
                                                            html
                                                            angularjs
                                                            css
                                                    
                                        
                    
                        asked by  anonymous                          08.10.2016 / 00:22



        
            
                1 answer
                
            
            
                            

                                                                        
                            
                                
                                    
                                    1
                                    
                                    
                                
                            
                            
                                
                                    
                                        
 You can easily resolve this issue from the second scroll bar. In your    style.css     file that is at this link: 

https://forum-alldispor.c9users.io/views/css/style.css


 At line 18 that starts with    html, body {     

 Remove this line from line 21, remove this: 

height:100%;


 That is, you replace this (starts on line 18): 

html, body {
 width: 100%;
 overflow-x: hidden;
 height:100%;
 min-height: 100%;
 position: relative;
}


 For this reason: 

html, body {
 width: 100%;
 overflow-x: hidden;
 min-height: 100%;
 position: relative;
}

    
                                    
                                    
                                                                                                                      08.10.2016 / 00:49
                                    
                                
                            
                        
                                                
                                                                                        
                            
        

                    
        

         
                            DTO Assembler, how do you actually use it?
                                        Dynamic Combobox with Codeigniter 3




    
        
            
                user contributions licensed under cc by-sa 3.0
                with attribution required.
            
        

        
            
                
                it_qna

score 1 · Accepted Answer

You can easily resolve this issue from the second scroll bar. In your style.css file that is at this link:

https://forum-alldispor.c9users.io/views/css/style.css

At line 18 that starts with html, body {

Remove this line from line 21, remove this:

height:100%;

That is, you replace this (starts on line 18):

html, body {
 width: 100%;
 overflow-x: hidden;
 height:100%;
 min-height: 100%;
 position: relative;
}

For this reason:

html, body {
 width: 100%;
 overflow-x: hidden;
 min-height: 100%;
 position: relative;
}