Question

我的网站在Safari，Opera，Firefox和Chrome上运行完美，但是当我在IE上运行时，它无法正常工作。

该网站的链接是here。

我需要在屏幕中央有一张地图，但在IE上它位于左侧菜单下，请帮助我。

Answer 1

尝试为ie

添加不同的样式表

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

这可能与webkit浏览器中呈现的填充方式有关。

希望有所帮助

Answer 2

我发现为某些浏览器添加样式的最佳方法是在html中使用它：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--[if lt IE 7 ]> <html class="ie6" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="" lang="en" xml:lang="en" dir="ltr"> <!--<![endif]-->
<head>

</head>
<body>

</body>

这会在每个浏览器的html标记上添加一个类。然后，您可以为某些浏览器设置样式：

#wrapper { width:300px; }
.ie7 #wrapper { width:400px; } /*Specific to IE7*/

无需浏览器特定的样式表！

CSS网站无法在Internet Explorer上运行

2 个答案: