2010-03-02 74 views
1

这里是网址有问题的网站:http://www.katiesamsonlaxfest.com/index.htmlIE6修复了网站

该网站看起来不错,除了IE6及以下所有的浏览器。我想如果可能找到一个简单的CSS修复,因为你可以看到内容不包含在div中。

+7

或者,您可以忽略十年前的浏览器。 – Matchu 2010-03-02 22:28:02

+1

开始通过验证它:http://validator.w3.org/check?uri=http%3A%2F%2Fwww.katiesamsonlaxfest.com%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0 – chelmertz 2010-03-02 22:28:21

+0

我不管怎么说,不确定你在说什么。由于内容泄漏,我实际上看到IE7的问题更严重。对于我在Windows XP上的IE6,内容看起来很好。 – Matchu 2010-03-02 22:29:31

回答

2

没有“容易解决”。你需要一次解决一个问题。

您可以通过添加喜欢的东西添加 “IE6” 特异性CSS:

.box { 
    margin-left:20px; 
    _margin-left:15px; /* this is the ie-specific fix */ 

} 

...等。

此外,透明度不与24位PNG文件。使用8位。他们只是标题,你不需要24位(或只是使用GIF)。这就是为什么你的标题在他们周围有奇怪的框。

3

我建议YUI CSS Foundation(复位,字体,网格)。当以这种方式构建网站时,我发现IE浏览器问题少得多,而且通常在Firefox中构建和测试时几乎不需要IE修复/黑客。

这可能需要一点点努力学习,但我认为这是最简单的解决,因为它几乎消除了对IE特定的CSS的需要,这样可以节省您的时间从长远来看。

+0

我同意,CSS重置始终是最好的开始。这并不能解决你自己的问题,但至少你不会在一个浏览器上修复某些东西,而是解开它。 – 2010-03-03 04:04:02