The container which the table appears inside has a floating element denoted visually by the pound signs below...
-------
##
##
-------
Normal content wraps around the table as denoted by the periods...
-------
##.....
##.....
.........
.........
-------
However I'm trying to get the table to use up 100% of the available width like a non-floating divisible element and not generate a horizontal scrollbar in the content (using overflow for other unrelated reasons) on the parent element. I could clear the table and it would start rendering after the floating content though I'd end up with a large empty space at the top of the page.
The main issue however is that the table does not act like a divisible element; it does not take up 100% of available width and there is no CSS float or width property set on the table.
...oh and yes, the table contains tabular data. Thoughts please?
- John