Clever Geek Handbook

HTML won't scroll

On my site http://www.granthpark.me/outside If I resize my browser to smaller sizes, my content will be hidden and I cannot scroll It. Can anyone point out what is capturing the content?

Here is the CSS, can't post it here because it's too long http://www.granthpark.me/assets/css/main.css

EDIT: new problem. I can now scroll through the pages because I tried to replace every instance of position: fixed with absolute in addition to changing the overflow: hidden to scroll. But now I don't know how to fix my background border to resize correctly when the browser is resized.

+3


source to share


5 answers


Just replace the stylesheet, you will get rid of all the problems. click to see



+2


source


add property to body this tag in css:
body{overflow: scroll;}



+2


source


Change the body property to overflow: scroll;


Right now your property is overflow

set to hidden

.

body {
    background: #fff;
    overflow: hidden;
}
+1


source


Here's the culprit:

body {
    background: #fff;
    overflow: hidden;
}
+1


source


add this property to the body tag: 

overflow-x:hidden;

There is no css file "main.css". 934 add this property to id#bg 

Position:Fixed
0


source






More articles:


All Articles