PDA

Click to See Complete Forum and Search --> : Bottom layer should take rest space

d17may
07-18-2007, 07:51 AM
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.
WebJoel
07-18-2007, 08:23 AM
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. :)
d17may
07-19-2007, 01:46 AM
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. :)

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.
Thanks