Preserved Topic: scrolling tables (Page 1 of 1)

Hopefully some of you guru types can give me a hand here.

I need to have a table with a scroll-bar, but the height of the table varies based on the size of the window. im using:

<DIV STYLE="overflow: auto; width: 100%; height: 100%;
border-left: 0; border-bottom: 0;
padding:0px; margin: 0px">

junk

</div>


but this doesn't work. It only works with a fixed height.

suggestions?

RypTide

"Music is the vernacular of the human soul" ~ Geoffrey Latham

of course it scrolls. you have set the dimensions in percent! (%) try setting it in pixel (px).

i also dont know what you mean with "table with scrollbar" ?

I know the percentage is why it scrolls. I would use pixels but it has to be variable. I was hoping someone had a solution aside from px.

RypTide

"Music is the vernacular of the human soul" ~ Geoffrey Latham

Could you give us a link to an example page? That would make suggestions much easier...

kuckus (cell #282)

RypTide: You could always use Javascript to detect the size of the browser window and adjust the height of the scrolling element accordingly - a little convoluted but it would work. I would have thought setting things to a percentage would work but as kuckus says we'd need to see the page (there could be something else messing up your layout).

And welcome - we forget our manners around here

___________________
Emps

FAQs: Emperor

What, that's your first two posts? I'm really blind sometimes. But better late than never: Welcome to the Asylum!

kuckus (cell #282)

quote:

---

RypTide: You could always use Javascript to detect the size of the browser window and adjust the height of the scrolling element accordingly

---

Any pointers on this? I have been hunting, but I can't seem to find the javascript stuff for an element's size. I need to get the size of the parent <td> of the div I am trying to scroll. I see things like screen.width etc, but nothing for tables.

Suggestions?

RypTide

"Music is the vernacular of the human soul" ~ Geoffrey Latham

btw: out of personal experience that javascript resolution detector only works in 50% of page loads.

actually, I think I can use the screensize - header - footer.

i'll post again if this doesn't work.

RypTide

"Music is the vernacular of the human soul" ~ Geoffrey Latham

I figured out what the problem was.:

<table>
<tr>
<td>
<div>div 1</div>
<div>div 2</div>
</td>
</tr>
</table

div 2 was what I was trying to scroll. obviously if i make it 100% the height of the cell it is in, it would be bumped down to below the first div, and therefore would end up partially out of the cell..

Thanks All for your help.

RypTide

"Music is the vernacular of the human soul" ~ Geoffrey Latham