Question

网站：srstage.d19.us（抱歉只允许一个链接）

它在IE6中的外观：http://img94.imageshack.us/img94/4489/6c1bafd63a9d33b1231bd3d.png

标记了4个错误。

没有虚线边框（在导航和日期徽章上）（来自IE6不支持的内存）
侧栏大部分都消失了
comment-meta为空白
日期徽章被移动（定位错误？）

我讨厌IE6，但有些组织愚蠢地使用它...... :(

Answer 1

以下是一些建议：

不要在日期框中使用绝对定位：使用负边距和浮动。

您的侧边栏位于条目下方，因为没有空间。拳击有两个错误（至少）：#container占用页面上的所有空间，而#primary不在容器内。 #primary是浮动的，但是在左边的内容之后。使用float = right时，右浮动框应放在左浮动框之前。

使菜单的ul与其中的锚点一样高。

对于评论元使用position = relative。

使用已经解决了这些问题的CSS框架会更容易。例如Blueprint。

Answer 2

其中一些解决方案有点笨拙，但它们应该解决所有错误：

/* Problem 1 */

div#menu ul
{
    line-height: 2;
}

/* Problem 2 */

div#content
{
    margin-right: 0;
}

/* Problem 3 */

.entry-meta
{
    zoom: 1;
}

/* Problem 4 */

.entry-title, .entry-content, .entry-meta
{
    margin-left: 55px;
}

div.post
{
    padding-left: 0;
}

.entry-shortdate
{
    margin: 0;
    top: 20px;
    left: -40px;
}

Answer 3

您可以使用IE7.JS使IE6的行为与标准兼容的浏览器一样。

IE7.js是一个JavaScript库 Microsoft Internet Explorer的行为像符合标准的浏览器。它修复了许多HTML和CSS问题使透明的PNG正常工作在IE5和IE6下。

Answer 4

使用像这样的doctype声明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

有关对齐的更多信息，请转到http://www.w3schools.com/css/css_align.asp

IE6不喜欢我的CSS :(

4 个答案: