Forums

I've tried dozens of solutions out there in the web and none of them work.

I want to put a YUI datatable on the left side of my page so that it fills the browser's full height, and then, if the datatable content is too big, it will scroll vertically.

I should be able to do this by setting the html/body elements to 100% and then populating it with divs of height 100%. I've tried so many solutions, they're all *years* old - and not one of them work.

I'm currently running FF9.

Anyone?

And what if I want to just scroll my datatable? I've got datatable-datasource but there's no datatable-datasource-scroll.

Surely I'm not the first YUI developer who wants a datatable that fills the browser height?

Well, it makes the div fill the screen with no scroll, yes. So, the idea then is to place everything on the screen using absolute positioning? Or at least absolute dimensions?

But that doesn't solve the problem of changing browser size. I tried placing a div within the main div and setting its height to 100% (so that it fills the window regardless of size), but I end up with an inner div that overhangs the outer div and triggers the scroll bars.

Hello D.

About datatable, datasource and scroll you may read "Plugin.DataTableSort problem Datatable using Datasource.IO" post:
viewtopic.php?f=92&t=7180

Hope that helps,
IceBox

Oh ok! Yeah, there's no way of doing that with CSS in older browsers. Most of the time we try to mimic it with background colors. Modern browsers have more tools for complex layouts like that and in the future they'll possibly support stuff like height: 100% - 40px. So yes, in your place I'd probably avoid the problem and use JavaScript to set the height of that flexible div.

You can also try out this Gallery module http://yuilibrary.com/gallery/show/axo-layout