我有一个问题，css在浏览器中呈现的方式不同，在IE中具体，想想我可以在这里寻求帮助，希望你可以帮我解决这个问题:)）
我的网站是www.artisticworksllc.com如果你转到主页上的链接，幻灯片下方有五个图像链接到不同类别的网站。
我在Firefox＆amp; safari和他们看起来没问题，在Internet Explorer中他们没有对齐，第五张图片在IE浏览器中显示。当我在启用兼容性视图的情况下使用IE进行测试时，图像会对齐，但网站的其他部分会混乱（例如图像库）
有人可以帮我吗？该怎么办？我不知道这是填充还是导致它的原因。我知道我必须实现某种IE黑客但我不知道是什么以及如何：（
非常感谢帮助：））
谢谢
答案 0 :(得分：3)
在走下为每个浏览器（可能是版本）编写自定义CSS的疯狂之路之前：摆脱XHTML 1.0 Transitional doctype并转移到严格类型之一。最好是html 4.01严格。
仅此一项就可以解决绝大多数的拳击问题。
有关Doctypes的更多信息：
阅读以下网站的两个页面。第2页上的精彩链接。
http://www.communitymx.com/content/article.cfm?cid=85fee
http://www.alistapart.com/articles/doctype/
而且，对于“轻”阅读：http://hsivonen.iki.fi/doctype/
基本上，所有浏览器都有不同程度的“标准”合规性。任何开始“怪癖”模式或“过渡性”的事都应该怀疑。但是，一旦您了解了doctype是什么以及您对它们的选择，那么您将完全理解您遇到的任何显示差异会发生什么。
对我来说，最好的学习方法之一是创建一个由CSS控制的简单浮动div布局。有些div有图像，有些有超长文本，所有都有边框，所以我可以看到事情在哪里破碎。然后我尝试了各种doctypes并在主流浏览器中查看了该页面。有时差异很小，就像略有不同的默认填充或边距;有时它们是令人发指的，例如一个浏览器允许继承另一个没有的样式。
我们有一个体面的网络应用程序（200多页），布局要求相当复杂，我必须实现的唯一“黑客”是强制图像标签（img）为display:block;它看起来像素在每个浏览器中完全相同，我们不使用条件样式表或执行任何类型的浏览器嗅探。
答案 1 :(得分：2)
在您输入CSS的链接之后，请输入：
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
创建一个名为ie.css的第二个样式表，只需更改IE所需的部分。
您还可以添加版本：
<!--[if IE 7]>
例如。
答案 2 :(得分：0)
你需要使用条件评论来定位ie的版本;使用它们，您可以为任何和所有版本的ie设置特定样式，以使它们看起来应该如何。
答案 3 :(得分：0)
检查列表元素的填充和边距属性。也许你的尺寸安排是正确的，但由于每个浏览器都以不同的方式呈现风格，因此IE的反应不同。