Home/ Questions/Q 9171109
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T16:07:06+00:00

My code looks like this: <table> <tr> <td><img with height 27px></td> <td><img with height

  • 0

My code looks like this:

<table>
<tr>
<td><img with height 27px></td>
<td><img with height 27px></td>
<td><img with height 27px></td>
</tr>
</table>

Now using firebug I can see that if I declare page as Transitional XHTML 1.0 the height of all three td elements is 27px. But if I switch page to HTML5 I get height 29px.

Could somebody please tell me the reason why this cold happen? Even suggestions for further investigations might do.

I am using FF v17 and MSVS2k8 WebDev server (for ASP.NET).

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Explanation can be found here (ignore the images which are messed-up):
    https://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps

    Quick solution can be found here (I used to display: block; for images in cells):
    http://www.visibilityinherit.com/code/gap-under-image-example.php

    Credit goes to Alohci, who replied as comment to my question.

    @Alohci: Thanks for your solution, feel free to repost the comment as answer and I will accept it.

    • 0