Full height div when a footer is fixed position

  • I’ developing a website, for which there is a footer (with a scrolling content) on one page that is in fixed position (so that users with smaller screens could immediately see it). but with bigger monitors and window resize, the underlying content doesn’t fill up the space, there is a gap between the main content and the footer. I tried putting a wrapper div with background-color and height:100% or auto but it doesn’t resize on window sizeing. Also, I tried putting the height to some big amount (eg. 1000px), which does the trick, but the scroll bars are visible, and that’s not desirable.
    So, I think one opportunity would be to make the back div full height as the window resizes (I would prefer this), or to make the scroll bars dissapear with the very large height div method. Or any good suggestions would be nice.

    The work-page is here:
    https://www.baksagaspar.com/poli/home/

    Thanks.

    Best Regards, g

Viewing 1 replies (of 1 total)
  • Thread Starter mindkil

    (@mindkil)

    I found a script to disable the scroll bars for this page ( body{ overflow:hidden; } ), but if somebody has a good CSS only method to resize dynamically the div as the page resizes, I would be glad to get to know it. I suspect maybe CSS3 could have some method, but I didn’t find it yet.

Viewing 1 replies (of 1 total)
  • The topic ‘Full height div when a footer is fixed position’ is closed to new replies.