Jquery 删除顶部图像和导航菜单之间的空间，而不使用负边距

我对图像和菜单之间的一点点空白有问题。我唯一能摆脱它的方法就是使用负的边距。然而，由于我使用的是一个严格的DTD，所以不能选择负利润。有人能告诉我我做错了什么吗？这一切都是从

IE8

的不兼容问题开始的，这就是为什么我必须将

doctype

更改为

strict

。谢谢

<table bgcolor="#ffffff" cellpadding="0" cellspacing="0" margin="0">
    <tr>
        <td>
            <TABLE width="742" border="0" cellpadding="0" cellspacing="0" margin="0">
                <TR>
                    <TD width="742">
                        <img src="http://www.eromadayspa.com/images/header_mainimage_xmas2.jpg" />
                    </TD>
                </TR>
            </TABLE>
            <div id="container">
                <ul id="nav">
                    <li><a href="">Link</a>

                    </li>
                    <li><a href="">Link</a>

                        <ul>
                            <li><a href="">Link</a>

                            </li>
                            <li><a href="">Link</a>

                            </li>
                            <li><a href="">Link</a>

                            </li>
                            <li><a href="">Link</a>

                            </li>
                            <li><a href="">Link</a>

                            </li>
                        </ul>
                    </li>
                    <li><a href="">Link</a>

                        <ul>
                            <li><a href="">Link</a>

                            </li>
                            <li><a href="">Link</a>

                            </li>
                            <li><a href="">Link</a>

                            </li>
                            <li><a href="">Link</a>

                            </li>
                        </ul>
                    </li>
                    <li><a href="">Link</a>

                    </li>
                    <li><a href="">Link</a>

                    </li>
                </ul>
            </div>
            <br />
            <br />
            <br />
        </td>
    </tr>
</table>

---

将此css添加到代码中，然后您就可以获得所需的结果

 img {
   border-spacing: 0;
height: 100%;
display: block;
}

小提琴演奏的结果如下：

img {
    vertical-align: bottom;
}

---

这是CSS1属性，应适用于所有主要浏览器。

通常不赞成使用表格进行布局，并可能导致设计问题。通常情况下，表用于数据，而不是用于设计和布局。在本例中，您似乎正在为后者使用表，这是不推荐的。尝试使用另一种方法，例如浮动divs。很抱歉，我使用了错误的JSFIDLE链接。你可以看看新的链接，让我知道如果还有什么我可以做的。很抱歉造成混淆。缺乏CSS方面的经验可能是最大的阻碍…我使用表格，因为我有显示在页面下方的列，需要进行大量的重新编辑才能使所有的部分都适合并看起来正确。是否有任何方法可以在不切换到完整CSS布局的情况下删除一点点空间。也请查看。谈论表格、设计实践等。我查看了它，但仍然不确定需要做什么样的调整。总的来说，我同意你的看法，CSS可能是一条可行之路，但在这一点上，我只是想为我的表弟建立并运行这个程序。在我用IE11测试它并意识到我使用的javascript菜单完全坏掉之前，它是完全正常的（Milonic）。我没有升级菜单，而是决定寻找一个CSS选项，我发现了这个选项，但现在我遇到了一些浏览器兼容性问题。

img {
    vertical-align: bottom;
}