浏览器可移植性问题

Question

我的a website I'm working on上的CSS问题 由于某种原因，网站的CSS适用于FF 3和IE 7，但当然MS使事情变得复杂，因为这对IE 6不起作用。
标题看起来被压扁了 麻烦的是我的客户拥有IE 6而且我在不知道原因的情况下大喊大叫 我的问题是：

1. 我在哪里可以获得所有浏览器的测试套件？
2. 我该如何解决？有人可以为我测试吗？

以下是IE的CSS：

/* CSS Document */

#presentation{
position: relative;
margin: 0 auto;
width: 689px;
height: 586px;
z-index: 0;
}

#pretext{
position: absolute;
padding: 20px;
}

#cleft{
width:97px;
height:665px;
position: relative;
float: left;
}

#cright{
width:97px;
height:665px;
position: relative;
float: right;
}

这是html：
编辑因为html搞砸了。
这是pastebin

Answer 1

使用IETester自行测试：）

Answer 2

我担心这个问题没有简单的答案。我给你的建议是：

1. 使用您需要的最小技术集来编写代码。
2. 使您的代码标准符合要求。
3. 在每个需要支持的浏览器（+版本）中至少进行一些测试。
4. 写一封投诉信给微软的史蒂夫巴尔默关于IE。 （每个自尊的Web开发人员都应该这样做。）

此致

Answer 3

解决您的第一个问题：我建议使用特定于浏览器的样式表。

由于您使用的是XHTML，因此可以使用以下内容：

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

然后只能由IE6读取CSS文件lte-ie-6.css。您可以使用它轻松覆盖导致IE6中出现视觉失误的其他CSS。

---

有一些软件，例如MultipleIE，Internet Explorer Collection和IETester，可以模拟不同版本的IE。但是，这并不总能给出准确的结果。微软对您上一个问题的正式回答是：install Virtual PC and run IE6 on it。

最近，微软一直在开发SuperPreview，这是一个官方网站预览工具，可以做到这一点，但效果可靠。 Read about SuperPreview和/或download it。

Answer 4

欢迎来到浏览器CSS怪癖的世界。确实很难找到一个在各种浏览器中保持一致的基于CSS的网站。你需要进行很多实验。

有时你最好使用像BlueprintCSS

这样的CSS框架

尝试使用BrowserShots服务在各种平台的各种浏览器中查看您的网站。

Answer 5

Multiple IE可让您轻松地并排安装/运行多个版本的IE。

Answer 6

我看了一下，你的一个样式表为#logopic

设置了高度和宽度

#logopic{
width: 50%;
height: auto;
vertical-align:bottom;}

尝试在那里拍摄真实的高度和宽度

width:699px;
height:126px;