Header misaligned with column

mezzemup

Hello - I'm dealing with the 'misaligned header and column' problem that I've seen on other topics on this site. I have a tab interface with a datatable in each tab. I'm referencing the example here "http://next.datatables.net/examples/api/tabs_and_scrolling.html". The columns adjust once I select sort. I've attempted many of the suggestions for 1.9.4 (no success) and now giving 1.10 a try. Please point out what I'm missing here.

* Datatable is populating with data correctly but just not display header in-line with columns.
*I copied the dataTables.jqueryui.css plugin file that is referenced in example.
*I tried dataTable() and DataTable()

My code is listered here...
http://live.datatables.net/putiqam/1/edit?html

allan

Can you show us the actual page please, not just the plain code. We need a working test case to be able to offer any help.

Allan

mezzemup

So my code is working correctly in live.datatable. When I open the my code in firefox, just the columns do not align. When I open my code in explorer, the datatable is even more jumbled (repeating header, tab2/tab3 loose css styling, etc). So is my error browser related?

http://live.datatables.net/neguces/1/
http://live.datatables.net/neguces/1/edit

mezzemup

I copied the css and js files I reference in live.datatable and put them in my code and the problem still happening

mezzemup

I fixed my issue. I must have been referencing my js and ccs files incorrectly b/c once I used a url for the files, things worked. I also was using the same id tag for each tab. Once I seperated the tabs (example1-example3) that made things work. Its good I had to use the live.datatable b/c that made me look at my code in a fresh way. Thanks