css - 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 --> 

它使页面以 quirks 模式而不是标准模式呈现，因此 IE 以超延迟模式呈现它，margin:0 auto doesn't work in IE quirks .文档类型将使它以标准模式呈现。