Me too. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title>Scrolling tbody</title> <style type="text/css"> /*<![CDATA[*/ caption {font-weight: bold;} tbody {overflow-y: scroll; height:50px;} th+th+th {border:none; width:20px;} /*]]>*/ </style> </head> <body> <div> <table summary="Interest Rates" border="1"> <caption>Family Ages</caption> <thead> <tr> <th>Name</th> <th>Age</th> <th></th> </tr> </thead> <tbody> <tr><td>Richard</td><td>41</td></tr> <tr><td>Sally</td><td>34</td></tr> <tr><td>Hesper</td><td>6</td></tr> <tr><td>Thomas</td><td>4</td></tr> <tr><td>Oscar</td><td>1</td></tr> </tbody> </table> </div> </body> </html>
Looks lovely in FireFox. Really nice. In Chrome, nope. Looking at the computed style for the tbody, overflow-y is visible rather than scroll. I even tried inlining the style. The height is ignored also. In IE7, well. What a nice big cell you have there grandma. Seems like setting the height of tbody means IE thinks you are talking about the height of the cells. Oh. And no scroll bar. 2009/3/11 Brendan O Connor <[email protected]>: > yup thats what i do aswell > > 2009/3/11 Ryan Gahl <[email protected]> >> >> Have you tried using thead and tbody, and placing the overflow setting on >> the tbody? >> >> Ryan Gahl >> CEO >> Nth Penguin, LLC >> http://www.nthpenguin.com >> -- >> Inquire: 1-920-574-2218 >> Blog: http://www.someElement.com >> LinkedIn Profile: http://www.linkedin.com/in/ryangahl >> >> >> On Wed, Mar 11, 2009 at 11:21 AM, Lee Jenkins <[email protected]> wrote: >>> >>> >>> Hi all, >>> >>> I'm trying to implement a scrolling table myself since my needs are very >>> simple. >>> I'm placing the table that represents the grid cells within a div with >>> overflow:auto set and it scrolls. However, IE and FF seem to calculate >>> the >>> width differently in regard to the scrollbars that appear. The result is >>> that >>> the table used to represent the header of the grid becomes misaligned >>> from the >>> table that represents the cells of the grid. I'd rather not use a 3rd >>> party >>> table if I don't have to... >>> >>> Here's a sample: >>> http://leebo.dreamhosters.com/misc/test.htm >>> >>> Any pointers? >>> >>> BTW, if this is too OT please recommend a good general site to post >>> please. >>> >>> -- >>> Warm Regards, >>> >>> Lee >>> >>> >>> >> >> >> > > > > > -- ----- Richard Quadling Zend Certified Engineer : http://zend.com/zce.php?c=ZEND002498&r=213474731 "Standing on the shoulders of some very clever giants!" --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---
