CSS上的网站在Internet Explorer上无法正常工作

问题描述:

我的网站在Safari,Opera,Firefox和Chrome上运行良好,但是当我在IE上运行它时,它无法正常工作。CSS上的网站在Internet Explorer上无法正常工作

链接到网站是here

我需要在屏幕中心有一个地图,但在IE浏览器左下方的菜单下,请帮助我。

尝试加入不同的样式表即

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

这可能是一些做的方式填充在呈现在WebKit浏览器。

希望帮助

+0

但我不知道什么是错 – user1198377 2012-08-06 13:45:55

+0

尝试添加一个浮点数到地图 – Ma9ic 2012-08-06 13:54:20

我发现添加样式某些浏览器,最好的办法是在你的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*/ 

没有浏览器的特定样式表需要!

+0

但我不知道什么是错的。 我不知道什么部分的CSS在IE上不能正确工作 – user1198377 2012-08-06 16:19:48