2010-10-04 253 views
0

因此,我試圖弄清楚我的交叉兼容性問題在哪裏 - 從我所知道的情況來看,Firefox和Safari一直工作得很好,但Internet Explorer(驚喜?)一直給我的問題。看看下面的網站:Internet Explorer CSS問題

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

出於某種原因,背景圖像是在頂部和底部本身延伸過(如果你打開網頁,你會立即明白我的意思)。

除此之外,在「選擇時間」標籤旁邊的選擇框中,右側總是有一個填充「:45 pm」的框。

剩下的最後一個問題是,這樣的Internet Explorer的多個版本的全部內容,所有的內容轉移到左側 - 基於CSS的,一切都應該是居中的

再次,我已經傾倒在這(我敢肯定,這些都是我忽略的簡單事情),但是在這一點上,我對這個問題將會感到不知所措。

感謝您的幫助。

+0

與其他瀏覽器相比,Internet Explorer使它看起來像什麼樣本可以在這裏找到:http://browsershots.org/https://secure.promptpass.com/index.php?clinic=2# – Brian 2010-10-04 00:14:26

回答

0

首先,移到任何其它地方:

<!-- 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 doesn't work in IE quirks。文檔類型將使其在標準模式下呈現。

+0

如果我們沒有通過一系列被稱爲互聯網的管子進行通信,而是在一間房間裏,坐在一張桌子上,我會跳過桌子,給你一個大溼吻。非常感謝您 - 我沒有意識到Google網站優化工具可能會導致此類問題。這正是我需要的。 – Brian 2010-10-04 00:24:02

+0

好吧,它主要是代碼的位置,而不是代碼本身。我想如果你把它放在end body標籤之前就沒問題了。在做出這個改變之後,你還在遇到除了居中之外的問題嗎? – 2010-10-04 00:25:36

+0

我再次看了一遍,都在另一臺機器上,並重做了browsershots.org,他們都似乎確認我的問題出自Google網站優化工具代碼。再次感謝! – Brian 2010-10-04 00:39:43