html - Image width is not proper in IE -
in html table displays red line. in firefox getting line correctly. in ie line has got line height incremented.showing in images below.
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" summary=""> <tr> <td style="background-color: red"><img alt="" src="myimage.gif" width=1 height=1> </td> </tr> </table> in firefox:

in ie: 
why happening or how can fix it.
i think it's better apply css style border-bottom: 1px solid row.
<table style="width: 100%; text-align: center;" cellspacing="0" cellpadding="0"> <tr> <td>some column</td> </tr> <tr> <td style="height: 1px; line-height: 1px; border-bottom: 1px solid red; background: transparent;"><!-- border --></td> </tr> </table> live example: http://jsfiddle.net/6jvvq/6/
Comments
Post a Comment