Home/ Questions/Q 6828455
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T22:23:06+00:00

I have a horizontal scrolling site with two sections as 100% width/height divs wrapped

  • 0

I have a horizontal scrolling site with two sections as 100% width/height divs wrapped in a 200% width/ 100% height div. It uses jquery to resize the main div to the size of the browser, this way keeping each section separate with the browser at any size. To make the scrolling work, I have set the overflow on the 100% div to hidden however I need the page to be scrollable when the browser window is shrunk to to certain point because otherwise content cannot be seen/accessed.

Here is a link to test page: http://jamesisfishing.com/albertst/tester.html

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think I found a solution:

    Just after the <body> insert this:

    <div style="position:absolute;width:100%;height:100%;min-width:1000px;"></div>

    Then, add to your <div id="wrapper"> a min-width:1000px

    This forces the first div to a minimum width of 1000px, keeping the content to 1000px too and showing scrollbars for the first div.

    • 0