IE8运行怪癖模式的CSS问题

IE8运行怪癖模式的CSS问题,css,internet-explorer-8,Css,Internet Explorer 8,在IE8和怪癖模式下运行时,两个图像之间有一些神秘的填充。这两张图片作为我未来网站的标志 我已将问题隔离到单个html文件中, 应该说是“东多伦多浸信会教堂”。如您所见,当前在“toro”和“nto”之间有一个空格。是什么导致IE8中出现这种空间并以怪癖模式运行 非IE浏览器在该页面上更糟糕 您的每个图像都有自己的 如果需要将图像作为块级元素,请使用浮动将它们彼此对齐,然后要修复由于在页面上放置浮动元素而导致的任何(潜在)布局问题,请使用 你应该考虑使用类来代替样式,如果可能的话,应该把它们

在IE8和怪癖模式下运行时,两个图像之间有一些神秘的填充。这两张图片作为我未来网站的标志

我已将问题隔离到单个html文件中,


应该说是“东多伦多浸信会教堂”。如您所见,当前在“toro”和“nto”之间有一个空格。是什么导致IE8中出现这种空间并以怪癖模式运行

非IE浏览器在该页面上更糟糕

您的每个图像都有自己的

如果需要将图像作为块级元素,请使用浮动将它们彼此对齐,然后要修复由于在页面上放置浮动元素而导致的任何(潜在)布局问题,请使用

你应该考虑使用类来代替样式,如果可能的话,应该把它们内联起来。现在的情况是,它们将成为维护的噩梦


另外,如果您可以控制页面的HTML格式(我建议使用XHTML1.0过渡版,所有酷孩子都在这么做!),这样您就不会打开怪癖模式。打开“怪癖”模式可能会导致很多麻烦,尤其是当你试图使用“新”技术来让你的网站更好地为用户服务时。

非IE浏览器在该页面上更糟糕

您的每个图像都有自己的

如果需要将图像作为块级元素,请使用浮动将它们彼此对齐,然后要修复由于在页面上放置浮动元素而导致的任何(潜在)布局问题,请使用

你应该考虑使用类来代替样式,如果可能的话,应该把它们内联起来。现在的情况是,它们将成为维护的噩梦


另外,如果您可以控制页面的HTML格式(我建议使用XHTML1.0过渡版,所有酷孩子都在这么做!),这样您就不会打开怪癖模式。让Quirks模式保持打开状态可能会导致很多麻烦,尤其是如果您试图使用“新”技术使您的网站更适合您的用户。

使用有效的DOCTYPE并退出Quirks模式:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

使用有效的DOCTYPE并退出怪癖模式:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

快速链接quirksmode的一些功能:


它说在quirksmode中,图像的默认水平边距是3像素。而这种填充在CSS中被忽略了,所以,可能是这样。

只是一个快速链接,介绍quirksmode的一些功能:


它说在quirksmode中,图像的默认水平边距是3像素。CSS中的填充被忽略了,所以,可能是这样。

Firefox中有一个更大的问题:图像甚至没有并排出现。我已经更新了我的答案,以与您的评论保持一致,但是我自己无法测试新的解决方案,因为我获得了“401授权”加载图像时出错。Firefox中有一个更大的问题:图像甚至没有并排。我已更新了我的答案以与您的评论保持一致,但是我无法自己测试新的解决方案,因为加载图像时出现“401授权要求”错误。您好。谢谢你的回答。我需要的图像是他们自己的链接,为一个可扩展的菜单腾出空间。我已经更新了网页,以显示菜单以及它如何从右向左增长。css显示为内联,因为我从IE开发者工具栏复制了HTML/css代码。我的实际代码引用css文件,不使用内联css.Hi。谢谢你的回答。我需要的图像是他们自己的链接,为一个可扩展的菜单腾出空间。我已经更新了网页,以显示菜单以及它如何从右向左增长。css显示为内联,因为我从IE开发者工具栏复制了HTML/css代码。我的实际代码引用css文件,不使用内联css。