Internet Explorer CSS问题

Question

因此，我试图找出交叉兼容性的问题所在-据我所知，Firefox和Safari一直运行良好，但是Internet Explorer（感到惊讶）却给了我很多麻烦。 看看下面的网站：

https://secure.promptpass.com/index.php?clinic=1

由于某些原因，背景图像在顶部和底部过度扩展（如果打开网站，您会立即理解我的意思）。

除此之外，在“选择时间”标签旁边的“选择”框中，在右侧始终有一个充满“：45 pm”的框。

最后剩下的问题是，在许多版本的Internet Explorer上，此内容的全部内容都移到左侧-基于CSS，所有内容都应居中

再次，我已经对此进行了充实（我确信这些都是我忽略的简单事情），但是在这一点上，我对这个问题将是茫然不知所措。

感谢您提供的所有帮助。

Answer 1

首先，将其移至其他位置：

<!-- Google Website Optimizer Control Script --> 
<script> 
function utmx_section(){}function utmx(){}
(function(){var k='2883663228',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return c.substring(i+n.
length+1,j<0?c.length:j)}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;
d.write('<sc'+'ript src="'+
'http'+(l.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com'
+'/siteopt.js?v=1&utmxkey='+k+'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='
+new Date().valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script> 
<!-- End of Google Website Optimizer Control Script --> 

它使页面以怪异模式而不是标准模式呈现，因此IE以超级延迟模式呈现页面，在这种情况下， margin：0 auto在IE怪异中不起作用 。 该doctype将使其以标准模式呈现。