Overflow for tbody doesn't work in IE and Chrome

HTML & CSS
1

Hello,
I have a problem, I work on for several days already. So, I would really appreciate if you could help me.
This functionality works fine in FF, but doesn’t work as expected in Chrome and IE.
To see the issue, please repeat the following steps:

  1. Go to http://new.rdalfa.lv/en/menu/5-goods_catalogue.html
  2. Click “More information” in the any of lines
  3. Click “Print catalog parameters list”

Expected result: list of parameters will have a vertical scroller in tbody section
Actual result: this works only in FF. Chrome and IE acts the same - no scroller and as a result, user cannot scroll down the list.

Note: I open this box in fancybox jquery frames. This might be helpful.

I really appreciate any help on this. Thank you in advance.

2

Hi midbar, Welcome to SitePoint! :slight_smile:

As you discovered FF with the gecko engine is the only browser that supports overflow:auto on a tbody.

CSS Quiz #22 has a solution that worked in all browsers.

http://www.pmob.co.uk/temp/table-fixed-header-example.htm

You will find an explanation in that first link, you should be able to make that work with your fancybox.

3

Rayzur,
you saved my day.
I managed to fix the problem on all supported browsers.