Results 1 to 3 of 3

Thread: tbody >> tr height issue in FF3

  1. #1
    Join Date
    Sep 2007
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default tbody >> tr height issue in FF3

    I've posted regarding this compenent [xbrowser compatible table with a fixed head and fixed tbody heigth that scrolls] the other day but it was a IE thead issue. I've updated my machine to FF3 and now I'm having tr height issues which were not present in FF2. How can I control the height of the tr in FF3 while maintaining a scollable tbody height of 200px?

    The attached pdf shows only one record. Several must be present to see the scrollbar, yet, I'm only focused on controling the height of the tr with only one record is present. When 15+ records are present, the rows resize accordingly.

    http://www.raneehyde.com/FFscreenshots.pdf

    http://www.raneehyde.com/scrollingTrHeight.htm

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Do you need the table? It would be much better to user div containers instead. If you want, I can help you out with that.

  3. #3
    Join Date
    Jan 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default re: FF3 Tbody display issues

    in case you were still looking for a response, this is a known/documented bug in FF3: https://bugzilla.mozilla.org/show_bug.cgi?id=415412

    They post a couple fixes, none of which seem to work exactly as needed. The easiest solution is to add a new child selector to your CSS:

    table>tbody:last-child
    {
    height: 100%;
    }

    Congrats if this works for you, however, in my implementation of this workaround, it worked, but then included my <thead> info as scrollable content...which was the point of using <thead> and <tbody> tags in the first place.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •