2

I'm working on a HTML layout with side-by-side panels containing separately scrollable contents:

See JSFiddle demo

Things look as aspected in Chrome, Firefox and Safari (for Windows).

However, in IE11, the panel contents don't stretch to bottom of the panels.

It seems to have to do with overflow-y: auto; vs position: absolute; inside the display: table-cell; container.

Any suggestions on how to fix this?

agibsen
  • 867
  • 2
  • 10
  • 18
  • possible duplicate of [IE display: table-cell child ignores height: 100%](http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100) – Teemu Dec 11 '14 at 19:29
  • Thanks. It's not exactly the same - I'm using absolute positioning instead of height: 100%. However, the issues may be related. – agibsen Dec 12 '14 at 08:46

0 Answers0