网站在IE中无法正确呈现

时间:2010-09-05 15:53:56

标签: css internet-explorer

此页面在Internet Explorer中无法正常显示,而在其他浏览器中则可以正常显示。任何想法,将不胜感激。我不确定我是否应该在这里粘贴css,因为它可以用firefox工具查看。但是,如果有人要求我,我会发布它。

这是页面:

http://www.enjoyislam.net/adult.html

2 个答案:

答案 0 :(得分:1)

IE中的问题是它处理的事实是您的内容比容器的规定宽度宽。你给容器1000px的空间,但是在左列的550px,右列的449px,和左列两侧的15px填充之间,你的容量超过1000px宽度。要查看这是问题,请更改

#eb_right_column {
    height:800px;
    width:449px;
    background-image:url(images/beginner_pic.jpg);
    background-repeat:no-repeat;

    float:left;
}

#eb_right_column {
    height:800px;
    width:409px;
    background-image:url(images/beginner_pic.jpg);
    background-repeat:no-repeat;

    float:left;
}

显然它在这一点上并不合适,但这是为了证明这个问题。根据需要使用宽度,以使视觉设计符合您的规格。

答案 1 :(得分:1)

您正在使用IE8仅在XHTML 1.0“严格”或“过渡”模式下支持的CSS功能。将此行放在adult.html的顶部(< html> 上方),一切都会好的:

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

这也有效:

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

有关这些模式及其对IE(和其他浏览器)的影响的更多信息,请访问:

(对于仅限于页面设计且与服务器配置无关的问题,您可能会在Doctype获得更有针对性的回复。)