I've got a CSS table which, after an AJAX response, contains another, nested, CSS table.
The nested table needs to span "columns" in the parent table so I'm using the "position context" approach described in the colspan section of Everything You Know About CSS Is Wrong. Ie: a parent div around the nested table is set 'position: relative' and the 'display: table' css table element (ie: the nested table) is set 'position: absolute'.
This works ok except the problem is the usual re: the absolute position taking the nested table out of the normal page flow so the original page content before the AJAX response lays underneath it (rather than moving down to accommodate it).
So, are there **any** options for making content respect absolutely positioned content vertically?
Thanks so much in advance.