I have 2 div .In top div i have menu.In bottom div i have iframe . i want that top div should take about 20 % space and bottom div take rest of the space .Currently scrollbar are appear both horizontally and vertically . How can i remove this scrollbar.
@WebJoelJul 18.2007 — #Possibly, make the height of the scrollbar be height:auto; to use-up whatever height is available for the user's screen height.
As for the horizontal scrollbar, -does the page have a container with a defined width? Don't forget that if scrollbars are present, they are considered to be part of the total width (about an extra 20-px.). A all-enclosing "wrapper" DIV set to 100% or 99% of the width and 100% height, and the contents inside this, might solve the problem. To make height:100% work correctly, you have to state a line of CSS to make the parent elements (body & html) be 100% height:
@d17mayauthorJul 19.2007 — #Possibly, make the height of the scrollbar be height:auto; to use-up whatever height is available for the user's screen height.
As for the horizontal scrollbar, -does the page have a container with a defined width? Don't forget that if scrollbars are present, they are considered to be part of the total width (about an extra 20-px.). A all-enclosing "wrapper" DIV set to 100% or 99% of the width and 100% height, and the contents inside this, might solve the problem. To make height:100% work correctly, you have to state a line of CSS to make the parent elements (body & html) be 100% height:
<style>
body, html {height:100%;}
</style>
Seeing the code would make it easier to assist. ?[/QUOTE]
I give a sample code
<body class="body">
<div class="container">
<div class="top">
some contents here
</div>
<div class="bottom">
<iframe class="iframeclass></iframe>
</div>
</div>
</body>
how i design this classes
The content of iframe is dynamic its heihgt change everytime page refresh.