Hidden tables and the scrollbar !!

simonB · #1 (**permalink**) 03-22-2004, 10:28 AM

IE6.0

Okay, so I have a table with hidden rows.
The page loads, fine.
Then the user actions starts revealing the hidden rows (style.display:inline) and the rows appear as planned.

However, as the rows are revealed, so the page begins to extend off the botton on the window... but the browser scrollbar does not resize/rescale itself ... therefore the user cannot scroll down to view the bottom of the page !?

I think it is in part related to my <div> layout ... but i have no idea why this would cause the effect !?!?

<BODY>

<div class="Header"> <!-- relative ->
blah
</div>

<div class='envelope'>
<div class="navLeft">
</div>

<div class="Centre">
</div>

<div id='navRight' class="navRight">
</div>
</div>
</body>

... i can obviusly supply full code if needed but thought this simplified version may be more useful for now ?

Hope somone can help ?? Driving me mad !!

Simon

Corey Bryant · #2 (**permalink**) 03-22-2004, 05:25 PM

Are you using overflow anywhere?

mikmik · #3 (**permalink**) 03-22-2004, 07:47 PM

Hi guys.
I am not to sure it has anything to do with your layout divs, but sometimes IE can do weird things depending on all sorts of attributes you may or may not give child elements.
I will often just make a 'clearing div' and put it last in the the 'envelope' :
.gutter{width:3%;
height:1px;
clear:left;}
Or else try it just inside the closing tag for the envelope div.
I really need to see more of the code, I had the same sort of problem with an expanding menu in an abs. postioned container, and I ended up just makine the abs. div tall enough to fit everything when expanded, so that the scrollbar is there even with an almost empty column.
There is a bunch of things to consider though.

Are you using getelementById/innerHtml stuff? Or it looks to me like you are going from display:hidden?

I will help look for reasons, I just don't have enough practice to know the workarounds off by heart yet, even though this must be a common one!