Overflow-x scroll not working in tr

Question

I have a Table that contain a tr in this tr there is several td i need to have overflow-x scroll but it isn't working.

  <tr id="TR_TESTS_BY_CAT" width="100%" height="480px" style="display: none;         overflow-x:scroll">
    <td height="530px" valign="top" id="TD_TESTS1" style="width: 25%">
                                <div id="divTests1" style="height: 530px; width: 100%;  vertical-align: top;">
                                </div>
                            </td>
 <td>.....</td>

.....

but it isn't working

a note : overflow-x:scroll is css3, so are you testing in a compatible browser? — Ibu
– Ibu, Commented Jun 22, 2011 at 5:52

c-smile · Accepted Answer · 2011-06-22 06:17:48Z

4

overflow is not applicable to <TR>s by definition. TR (display:table-row) is not a block element - does not establish box (remember col/rowspans in cells).

Only block-alike elements (display:block | inline-block | list-item) have concept of overflow as they have box were to scroll.

answered Jun 22, 2011 at 6:17

c-smile

27.6k8 gold badges66 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

informatik01 Over a year ago

+1 for "Only block-alike elements (display:block | inline-block | list-item) have concept of overflow"

Ibu · Accepted Answer · 2011-06-22 06:05:54Z

0

You can give your td specific sizes: width:200px; this will set the size and the div should also get a width equal or lower, so the there wont be a horizontal scroll.

This is a work around obviously. if you want to get the best solution you can switch to using <div> instead of tables and and avoiding inline css. You can only imagine how much more you can do with css styling.

answered Jun 22, 2011 at 6:05

Ibu

44k14 gold badges82 silver badges109 bronze badges

1 Comment

sally Over a year ago

It would be better to switch my td to <div> :)

Collectives™ on Stack Overflow

Overflow-x scroll not working in tr

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related