CSS在不同的浏览器中呈现不同

我对浏览器中呈现不同的css有一个问题，具体来说，在IE中，我想我可以在这里寻求帮助，希望你能帮我解决这个问题：））

我的网站是www.artisticworksllc.com，如果你转到主页上的链接，在幻灯片下方有五幅图片链接到不同类别的网站

我在Firefox和safari中进行了测试，它们看起来没问题，在Internet Explorer中它们没有对齐，在IE中第五个图像出现了问题。当我在IE中打开兼容性视图进行测试时，图像对齐了，但网站的其他部分混乱不堪（例如图像库）

有人能帮我吗？怎么办？我不知道这是否是填充物或是什么原因造成的。我知道我必须实施某种IE黑客，但我不知道是什么和如何实施的：(

非常感谢您的帮助：））

---

谢谢你

你需要有条件评论的ie版本；使用它们，您可以为任何和所有版本的ie设置特定的样式，使它们看起来像应该的样子

您需要将ie版本作为有条件注释的目标；使用它们，您可以为任何和所有版本的ie设置特定的样式，使它们看起来像应该的样子

检查列表元素的填充和边距属性。也许您的大小安排是正确的，但由于每个浏览器呈现的样式不同，IE的响应也不同。

请检查列表元素的填充和边距属性。也许您的大小安排是正确的，但由于每个浏览器呈现样式的方式都不同，IE的响应也不同。

在链接拉入CSS后，请输入以下内容：

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

制作第二个名为ie.css的样式表，只需更改ie所需的部分

您还可以添加以下版本：

<!--[if IE 7]>

---

在链接拉入CSS后，放入以下内容：

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->



制作第二个名为ie.css的样式表，只需更改ie所需的部分

您还可以添加以下版本：

<!--[if IE 7]>

在开始为每个浏览器（以及可能的版本）编写自定义CSS之前：摆脱XHTML1.0过渡doctype，转而使用一种严格的类型。最好是严格的HTML4.01

仅此一项就可以解决大多数拳击问题

有关doctype的更多信息：

阅读以下网站的两个页面。第2页上的伟大链接。



对于“轻”阅读：

基本上，所有浏览器都有不同程度的“标准”遵从性。任何开启“怪癖”模式或“过渡”模式的东西都应该以怀疑的眼光看待。然而，一旦您了解了doctype是什么以及围绕doctype所做的选择，那么您将完全了解您遇到的任何显示差异的情况

对我来说，最好的学习方法之一就是创建一个由CSS控制的简单浮动div布局。一些div有图像，其他的有超长的文本，所有的都有边框，这样我就可以看到东西在哪里断裂了。然后我尝试了各种doctype，并在主要浏览器中查看了页面。有时差异很小，比如默认填充或边距略有不同；有时，它们是令人愤怒的，比如一个浏览器允许继承另一个浏览器没有的样式

我们有一个相当大的web应用程序（200多页），具有相当复杂的布局要求，我唯一不得不实施的“黑客”是强制图像标签（img）为
display:block
它在每个浏览器中看起来都是完全相同的像素，我们没有使用条件样式表或执行任何类型的浏览器嗅探。
在开始为每个浏览器（以及可能的版本）编写自定义CSS之前：摆脱XHTML 1.0过渡doctype，转而使用严格类型之一。最好是严格的HTML4.01

仅此一项就可以解决大多数拳击问题

有关doctype的更多信息：

阅读以下网站的两个页面。第2页上的伟大链接。



对于“轻”阅读：

基本上，所有浏览器都有不同程度的“标准”遵从性。任何开启“怪癖”模式或“过渡”模式的东西都应该以怀疑的眼光看待。然而，一旦您了解了doctype是什么以及围绕doctype所做的选择，那么您将完全了解您遇到的任何显示差异的情况

对我来说，最好的学习方法之一就是创建一个由CSS控制的简单浮动div布局。一些div有图像，其他的有超长的文本，所有的都有边框，这样我就可以看到东西在哪里断裂了。然后我尝试了各种doctype，并在主要浏览器中查看了页面。有时差异很小，比如默认填充或边距略有不同；有时，它们是令人愤怒的，比如一个浏览器允许继承另一个浏览器没有的样式

我们有一个相当大的web应用程序（200多页），具有相当复杂的布局要求，我唯一不得不实施的“黑客”是强制图像标签（img）为
display:block
它在每个浏览器中看起来都是完全相同的像素，我们没有使用条件样式表或执行任何类型的浏览器嗅探。
出于某种原因，最后一个
溢出到父元素允许的940 px范围之外。尝试调整图像的大小，直到它“适合”，一旦这样做，您将知道需要“处理”多少像素，并且该像素值可能与应用于它们的其他css样式的值相匹配。这可能会帮助您将问题缩小到特定的样式。谢谢，我会看看我不能用它做什么（由于某种原因，最后一个
溢出到父元素允许的940 px的边界之外。尝试调整图像的大小，直到它“适合”一旦它这样做，你就会知道有多少像素你必须“工作”和