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將使其以標准模式呈現。