<html><head> <style type="text/css"> .percent { width:50%; } .fixed { width:400px; } .cell2 {height:25px; background-color: red } .border { border: 2px solid green } .padding { padding: 2px } .margin { margin: 2px } .bgcolor { background-color: yellow } .pre { white-space: pre } table { border: 2px solid black } </style> <body leftmargin="0" topmargin="0"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell2">First cell empty, second auto width</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell2 percent">First cell empty, second percent width</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell2 fixed">First cell empty, second fixed width</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1 pre"> </td> <td class="cell2 percent">First cell empty (with space) and has white-space:pre</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1 pre"></td> <td class="cell2 percent">First cell empty (no space) and has white-space:pre</td> </tr> </tbody> </table> <table id=c cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1 border"> </td> <td class="cell2 percent">First cell empty but has border</td> </tr> </tbody> </table> <table id=c cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1 padding"> </td> <td class="cell2 percent">First cell empty but has padding</td> </tr> </tbody> </table> <table id=c cellpadding="1" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell2 percent">First cell empty, table has cellpadding</td> </tr> </tbody> </table> <table id=c cellpadding="0" cellspacing="1" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell2 percent">First cell empty, table has cellspacing</td> </tr> </tbody> </table> <table id=c cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1 margin"> </td> <td class="cell2 percent">First cell empty but has margin</td> </tr> </tbody> </table> <table id=e cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1 bgcolor"> </td> <td class="cell2 percent">First cell empty but has background color</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell2 percent">First row, first cell empty</td> </tr> <tr> <td class="cell1"> text </td> <td class="cell2 percent">Second row, first cell not empty</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell2 percent">First row, first cell empty</td> </tr> <tr> <td class="cell1"> </td> <td class="cell2 percent">Second row, first cell empty</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1" colspan="2"> </td> <td class="cell2 percent">First cell empty, has colspan</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell2"> text </td> <td class="cell2 percent">First row, first cell empty, second cell non-empty</td> </tr> <tr> <td class="cell1" colspan="2"> </td> <td class="cell2">Second row, first cell empty with colspan=2</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell2"> text </td> <td class="cell1"> </td> <td class="cell2 percent">First row, first cell non-empty, second cell empty</td> </tr> <tr> <td class="cell1" colspan="2"> </td> <td class="cell2">Second row, first cell empty with colspan=2</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell1"> </td> <td class="cell2 percent">First row, first and second cell empty</td> </tr> <tr> <td class="cell1" colspan="2"> </td> <td class="cell2 percent">Second row, first cell empty, has colspan=2</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell1"> </td> <td class="cell2 percent">First row, first and second cell empty</td> </tr> <tr> <td class="cell1 percent" colspan="2"> </td> <td class="cell2 percent">Second row, first cell empty, has colspan=2 and percent width</td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="cell1"> </td> <td class="cell1"> </td> <td class="cell2 percent">First row, first and second cell empty</td> </tr> <tr> <td class="cell1 fixed" colspan="2"> </td> <td class="cell2 percent">Second row, first cell empty, has colspan=2 and fixed width</td> </tr> </tbody> </table> One empty cell: <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class=""> </td> </tr> </tbody> </table> Two empty cells: <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class=""> </td> <td class=""> </td> </tr> </tbody> </table> </body> </html>