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

前端之家收集整理的这篇文章主要介绍了HTML – IE中元素之间的奇怪差距,而不是FF或Opera前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道这种问题必须一直被问到,但我还没有找到解决问题的方法.

使用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可以安全地添加到您的全局文件中,它不会干扰其他浏览器呈现页面的方式.

猜你在找的HTML相关文章