Table contens in the wrong place - floating DIV's
Table contens in the wrong place - floating DIV's
GaryS
Posts: 1Questions: 1Answers: 0
Hi folks,
I'm just dipping my toe into DataTables and I'm having a bit of fun with it. My first project is a page that has two header tables and one main data table. However, I'm struggling with the page layout for the header.
I have set up a test case at
http://live.datatables.net/hiduvaxa/1/edit
which shows the problem. The cyan box is the section, the red box is the DIV for the first table, and the yellow box is the DIV for the second table.
However, for some reason, the headTable appears vertically below the box it should be in. If I do not initialise the DataTable and manually code a table it appears in the yellow box as it should do.
Does anyone know why, or what I need to do to fix it?
This question has an accepted answers - jump to answer
Answers
Hi,
Its because of the mix of floats in your layout and also our CSS. We use
clear: bothon both thetableand the container div: http://live.datatables.net/hiduvaxa/4/editIt might mess up other parts of your layout, but that's the issue.
Allan