Website won't scroll down

Question

My website works on a 15 inch laptop, but whenever I resize the browser, some of the information on my website 'disappears', as I am unable to scroll (scrollbar won't appear).

I'm experiencing this problem for two of my websites (they're part of a school project).

On the first website, the sticky footer covers the content when the website is being viewed in a smaller browser window. I managed to get a scrollbar for the container part (everything except for the header and footer), but I need the scrollbar to appear on the very right side of the website, outside of the container. (only the footer will be fixed, the header will be scroll-able as well).

http://sophisticateddesign.nl/cfreport/index.html

On the second website, I need the header and butterfly to stay fixed and for everything else to be scroll-able.

http://sophisticateddesign.nl

I'm wondering if there's an easy solution as I don't have much time left for these websites to finish..

Answer 1

Remove overflow: hidden in html

html {
  height: 100%;
  margin: auto;
  width: 960px;
}

Remove position: absolute for .Wrapper

For second site: You added your main content inside header with position: fixed; height: 50px;. It's the problem.