How to display dataTables correctly in this 2 column layout

subsurf

Hi all,

this a link to an example website I cobbled together to demonstrate my problem: http://s159880906.online.de/datatables_debug/. This is the link to the dataTables debug page: http://debug.datatables.net/itimih

I want to create a two column layout with a jQuery menu on the left and the main content on the right. Adding a normal table in the content area works fine with my current approach (example: http://s159880906.online.de/datatables_debug/nodatatables.index.html).
But when I add the call to "$("#mytable").dataTable({"bJQueryUI": true});" to the jQuery.ready() function, the table skids down to the bottom of the page (see my initial example).

I guess it has something to do with my structure elements being arranged using the "float" CSS property and the dataTables elements using "clear", but I have not found a way to fix this yet. Most likely I'm just missing the forest thru the trees at this moment.

allan

There is a `clear: both` on the `.dataTables_wrapper` element and on the table element. The Chrome Inspector tools, or Firebug are helpful here.

Allan

subsurf

Yeah I already noticed the clear property of the wrapper (thats what my assumption comes from), but disabling that property in Firebug only causes the toolbar above the table to be stretched vertically across the whole page, an example of that: http://s159880906.online.de/datatables_debug/clearnone.index.html
So I must still be missing something