Home/ Questions/Q 9269311
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T15:05:15+00:00

I have seen applications that consume all the available space of browser window without

  • 0

I have seen applications that consume all the available space of browser window without any scroll bars on browser window, but scroll bars for specific divs (for instance, jsfiddle, which uses scroll bars for html, css, javascript and results divs but no browser window scroll bars). I am trying to develop such layout for my application and I have tried some keywords like Application style UI, 100% Height width layouts, fluid layout but none of them seems to return desired results. Pardon me but as a beginner I have to ask this. Is there a specific term for such layouts. I did came across few techniques and jquery plugins to achieve this but still wondering what would be the best way to go about it. Links suggestions are more than welcome.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is very basic stuff.

    First you have to set the height property of the html, body in CSS

    html, body {
   height:100%;
   overflow:hidden;
}

    The overflow to hidden will hide the scrollbars for your window.

    Then you define a div in your HTML and assign the div a classname like .foo

    .foo {
    height:400px;
    overflow:auto;
}

    By setting the overflow to auto, your div will take care of the scrolling of it’s content.

    Take a look: http://jsfiddle.net/mXU3f/

    • 0