浏览器可移植性问题

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

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

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

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

CSS 文件lte-ie-6.css 将只能被 IE6 读取。您可以使用它轻松覆盖其他在 IE6 中导致视觉错误的 CSS。

---

有软件，如MultipleIE、Internet Explorer Collection和IETester，可以模拟不同版本的IE。然而，这并不总是给出准确的结果。微软对您最后一个问题的官方回答是：install Virtual PC and run IE6 on it。

最近，Microsoft 一直在开发 SuperPreview，这是一个官方网站预览实用程序，它的功能相同，但结果可靠。 Read about SuperPreview 和/或download it。

Answer 3

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

1. 使用所需的最少技术进行编码。
2. 使您的代码符合标准。
3. 至少在您需要支持的每个浏览器（+版本）中进行一些测试。
4. 写一封关于 IE 的投诉信给 Microsoft 的 Steve Balmer。 （每个有自尊的网络开发者都应该这样做）。

问候

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;