Scrollable TBODY elements without horizontal scrollbar

Extensive Google searching for more than a couple of hours has not provided
me with a satisfactory answer to this question:


How can I make scrollable TBODY elements in tables which:

* create a vertical scrollbar that DOES NOT occupy the content
space of the last column of table cells such that it obscures
that content in any way within that last column of cells
(irrespective of whether the text remains "intelligible")

* do NOT make use of scripting tricks which determine computed widths
of all table features (table/table row/table cell element margins,
borders, padding, etc) and then re-draw scrollbars...this especially
won't work in the script-disabled browsers of paranoid users.

* do not make use of non-standard, browser-specific CSS properties?

If the only way to make this work in the major browsers and requires
browser-specific properties, then what are they?

I do script coding/style markup/document markup in FF1.5 (largely because
its debugging interface is easy/clean), but I double-check if things work
in IE6 too.

Your response is much appreciated...and forever remembered if it is the one
that works.

In article <41jqnvF1egqubU1 (AT) uni-berlin (DOT) de>,
=?ISO-8859-1?Q?G=E9rard_Talbot?= <newsblahgroup (AT) gtalbot (DOT) org> wrote:

Seni Seven wrote :
Extensive Google searching for more than a couple of hours has not provided
me with a satisfactory answer to this question:

How can I make scrollable TBODY elements in tables which:

* create a vertical scrollbar that DOES NOT occupy the content
space of the last column of table cells such that it obscures
that content in any way within that last column of cells
(irrespective of whether the text remains "intelligible")

* do NOT make use of scripting tricks which determine computed widths
of all table features (table/table row/table cell element margins,
borders, padding, etc) and then re-draw scrollbars...this especially
won't work in the script-disabled browsers of paranoid users.

* do not make use of non-standard, browser-specific CSS properties?

Speak up where it counts. I filed it as a bug in Opera Bug tracking
database (#123296) and I made the same request at MSIE 6 wiki
bug/request webpage along with a testcase.

If you want a bug fixed or a feature implemented for *_everyone_*, then
this is the right thing you should be doing.

If the only way to make this work in the major browsers and requires
browser-specific properties, then what are they?

You need a bit of javascript.
Cross-browser scrolling tbody
http://www.gtalbot.org/DHTMLSection/ScrollingTBody.html
works in Firefox 1.x, Seamonkey 1.x, Mozilla 1.x, MSIE 6, Opera 7+, NS
7.x, Safari 2.x, K-meleon 0.8+, etc.

But then that requires that you hard-code the column widths. Not one of
OP's requirements, but one of mine.

Is there a way to do this, keeping in mind the "DOES NOT occupy the
content space of the last column" requirement, using just valid HTML
and CSS, even if not yet implemented in any browser?

--
= Eric Bustad, Norwegian Bachelor Programmer

You need a bit of javascript.
Cross-browser scrolling tbody
http://www.gtalbot.org/DHTMLSection/ScrollingTBody.html
works in Firefox 1.x, Seamonkey 1.x, Mozilla 1.x, MSIE 6, Opera 7+, NS
7.x, Safari 2.x, K-meleon 0.8+, etc.

that's not a scrolling tbody. that's two tables one above the other.

--

Bye.
Jasen