internet explorer - IE table with multiple rowspan leads to extra white space in cells -


for project need use tables. simplified part of project. important me able build type of table structures. problem is, ie in cases adds white space after , before table cells.

in ie:

http://i.imgur.com/7q8o1in.png

in safari/chrome/firefox correct:

http://i.imgur.com/vc0pgsz.png

thanks help! balint

my code:

<table cellpadding="0" cellspacing="0" border="1" width="656px">       <tr>           <td rowspan="1" colspan="1">               <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0">                    <tr>                       <td bgcolor="#ffff99" width="100%" height="100%">                       </td>                   </tr>               </table>           </td>           <td rowspan="2" colspan="2">               <table style="width: 328px; height: 40px;" bgcolor="#ffff99" border="0" cellspacing="0" cellpadding="0">                    <tr>                       <td bgcolor="#ffff99" width="100%" height="100%">                       </td>                   </tr>               </table>           </td>           <td rowspan="1" colspan="1">               <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0">                    <tr>                       <td bgcolor="#ffff99" width="100%" height="100%">                       </td>                   </tr>               </table>           </td>       </tr>       <tr>           <td rowspan="2" colspan="1">               <table style="width: 164px; height: 40px;" border="0" cellspacing="0" cellpadding="0">                    <tr>                       <td bgcolor="#ffff99" width="100%" height="100%">                       </td>                   </tr>               </table>           </td>           <td rowspan="2" colspan="1">               <table style="width: 164px; height: 40px;" border="0" cellspacing="0" cellpadding="0">                    <tr>                       <td bgcolor="#ffff99" width="100%" height="100%">                       </td>                   </tr>               </table>           </td>       </tr>       <tr>           <td rowspan="2" colspan="2">               <table style="width: 328px; height: 40px;" border="0" cellspacing="0" cellpadding="0">                    <tr>                       <td bgcolor="#ffff99" width="100%" height="100%">                       </td>                   </tr>               </table>           </td>       </tr>       <tr>           <td bgcolor="#cccccc">               <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0">                   <tr>                       <td>                       </td>                   </tr>               </table>           </td>           <td bgcolor="#cccccc">               <table style="width: 164px; height: 20px;" border="0" cellspacing="0" cellpadding="0">                   <tr>                       <td>                       </td>                   </tr>                </table>           </td>       </tr>   </table> 

internet explorer handles tables in variety no ways.

use f12 developer tools determine variation of ie using. want force ie latest version. see html5 doctype putting ie9 quirks mode? more details


Comments

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

php - joomla get content in onBeforeCompileHead function -