Home | Contact Us | FAQ | Search & Site Map | Link to Us
Sign In | Join | Other 45 Sites in Network
Home
Discussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers

Webmaster Forum / HTML, CSS, Scripts / CSS / December 2005



Tip: Looking for answers? Try searching our database.

Scrollable TBODY elements without horizontal scrollbar

Thread view: 
Enable EMail Alerts  Start New Thread
Thread rating: 
Seni Seven - 21 Dec 2005 10:08 GMT
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.
Gérard Talbot - 30 Dec 2005 04:18 GMT
Seni Seven wrote :
> Extensive Google searching for more than a couple of hours has not provided
> me with a satisfactory answer to this question:
[quoted text clipped - 12 lines]
>
>    * 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.

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

forever remembered? Really?

Gérard
--
remove blah to email me
Eric Kenneth Bustad - 30 Dec 2005 19:11 GMT
>Seni Seven wrote :
>> Extensive Google searching for more than a couple of hours has not provided
[quoted text clipped - 29 lines]
>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?

Signature

= Eric Bustad, Norwegian Bachelor Programmer

Jasen Betts - 30 Dec 2005 19:50 GMT
> 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.

Signature

Bye.
  Jasen

 
Sign In
Join
My Latest Posts
My Monitored Threads
My Blog
My Photo Gallery
My Profile
My Homepage

Start New Thread
Enable EMail Alerts
Rate this Thread



©2009 Advenet LLC   Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.