Banidictor
New Member
I have three tables in my page....All the three tables are overlapping....How to avoid the three tables from overlapping....http://jsfiddle.net/WG7kk/3/embedded/result/\[code\]<table id="inventoryTable" class="table dataTable" aria-describedby="inventoryTable_info"> <thead> <tr class="inventoryListHeading" role="row" style="background-color: #1a4567; color: white;"> <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 103px;">Qty</th> <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 123px;">MFG P/N</th> <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 85px;">Unit Price</th> <th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 134px;">Ext. Price</th> </tr> </thead> <tbody role="alert" aria-live="polite" aria-relevant="all"> <tr id="row_1" class="odd"> <td class=" "><div id="fdCompanyName_1"><a href="http://stackoverflow.com/Customer/index/?step=modify&cid=1">FQ Systems</a></div></td> <td class=" "><div id="fdCustId_1"><a href="http://stackoverflow.com/Customer/index/?step=modify&cid=1">1</a></div></td> <td class=" "><div id="fdContactName_1"><a href="http://stackoverflow.com/Customer/index/?step=modify&cid=1">Soojin Kim</a></div></td> <td class=" "><div id="fdPhone_1"><a href="http://stackoverflow.com/Customer/index/?step=modify&cid=1">408-172-3827</a></div></td> </tr> </tbody> </table>\[/code\]