Need CSS control over my table

BobSmith4th

Hello People,

I started working with DataTables today.

I created a simple html table.

I followed the syntax I see here:

http://www.datatables.net/examples/basic_init/zero_config.html

I added the following css declaration:

@import "/release-datatables/media/css/demo_table.css";

When I render my table it behaves well.

Both search and pagination work.

But, the CSS positioned the table to the right of
div id=example_length
rather than below it.

And now the table is sitting on top of
div id=example_filter
(the search box).

I'm looking for clues on how to move the table so it is
floated to the left and below the length controller and the search box.

I want it to look like the table I see here:

http://www.datatables.net/examples/basic_init/zero_config.html

Perhaps someone could suggest a snippet of CSS I could add which would would move the table down and to the left?

Thanks.

BobSmith4th

This CSS snippet:

table#example {
float: left;
}

fixed it.