HTML – IE中元素之间的奇怪差距,而不是FF或Opera

发布时间：2020-12-14 19:37:45 所属栏目：资源来源：网络整理

导读：我知道这种问题必须一直被问到,但我还没有找到解决问题的方法. 使用FF,Opera和Windows 7上的IE(不记得它是什么),页面看起来应该是应该的,但在Windows Vista上使用IE7,我的导航栏与其余部分之间存在差距.坦率地让它看起来很愚蠢的页面,标签页的幻觉丢失了. 我

我知道这种问题必须一直被问到,但我还没有找到解决问题的方法.

使用FF,Opera和Windows 7上的IE(不记得它是什么),页面看起来应该是应该的,但在Windows Vista上使用IE7,我的导航栏与其余部分之间存在差距.坦率地让它看起来很愚蠢的页面,标签页的幻觉丢失了.

我有一个重置样式表来重置所有元素没有填充,边距等和FF,Opera和Windows 7上的IE生成他们应该的页面,它只是IE7(我猜的早期版本的IE) “T.

以下是显示问题的2个屏幕截图,第一个来自Windows 7上的FF / Opera / IE：

alt text http://img190.imageshack.us/img190/2096/figarosffnormal.jpg

这个来自Windows Vista上的IE7：

alt text http://img43.imageshack.us/img43/7558/figarosiegap.jpg

以下是有关实际网站的链接：Figaro’s Ristorante

任何人的想法？

谢谢你的时间.

解决方法

我已经遇到过这个问题了无数次.将其添加到您的CSS：

#header img { vertical-align: bottom }

IE中有一个有趣的错误,包括版本7,它会将一些空格(真正的空文本节点)视为真正的文本节点,并将图像对齐,就好像元素中也有文本一样.

另一种选择是将图像声明为块级元素：

#header img { display: block }

这个CSS可以安全地添加到您的全局文件中,它不会干扰其他浏览器呈现页面的方式.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!