Internet Explorer CSS問題
[英]Internet Explorer CSS Problem
問題描述
IE 9錯誤地渲染了此頁面 （可能也是舊版本）。 右側菜單浮動在頁面底部。 Firefox，Chrome和Safari可以正確呈現它。 博客中的其他頁面也被所有瀏覽器很好地渲染。 我已經嘗試觸發IE 9開發人員工具（F12）並減小某些div的寬度（例如#main和.columns-inner）...這種方法並不幸運，即使有額外的空間，仍會在底端。 因此，我認為問題出在Blogger自動生成的頁面內容標簽/ CSS（我可以修改）中。 那里的任何CSS專家都可以指出出什么問題了？
干杯，
4 個解決方案
解決方案1
4 2011-04-25 00:17:27
您的<head>具有以下行，這導致IE9以IE7模式呈現頁面：
<META content=IE=EmulateIE7 http-equiv=X-UA-Compatible>
如果刪除此選項，它將在IE8和IE9中呈現良好。 但是，它在IE7中仍然表現不佳。
編輯：
根據您的評論，我可以在背景不再透明的情況下復制問題。 經過調查后，正在加載一個特定的腳本文件：
http://www.blogger.com/static/v1/jsbin/938506610-ieretrofit.js
如果您在源代碼的第4行中刪除<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> ，並且從源代碼的第1471行中刪除了ieretrofit.js文件，則該頁面應該在IE9中正確呈現。
由於ieretrofit.js文件似乎是由Google生成的，因此您可能要詢問他們。 如果要僅針對IE9禁用它，並允許它繼續用於IE8及以下版本，則應仔細查看源代碼的1471行。 這是一個代碼段（很長，從字符＃2275開始）：
'\74!--[if IE]\76\74script
！-[如果是IE]是IE條件注釋的一部分 。 您可以像這樣更改該代碼段，它仍將以IE8及更低版本為目標，而不會影響IE9：
'\74!--[if lte IE 8]\76\74script
讓我知道您是否還有其他問題！
解決方案2
2 已采納 2011-04-25 00:17:54
該頁面上有104個驗證錯誤 -如果是您，我將首先修復這些錯誤 。
解決方案3
1 2011-04-25 00:16:42
幾乎可以肯定是因為頁面無效 。 另外，我真的會考慮從此頁面重新開始，因為它的標記過於復雜。
解決方案4
0 2011-04-25 01:29:43
伙計們。 弄清楚了（在andyb和Paul D的大力幫助下），驗證器指出了一些我刪除的未配對</div>標記。 現在它可以正常工作了。
Firefox 和 Internet Explorer 上 css 中子元素的定位問題
[英]Positioning problem of a child element in css on Firefox and internet explorer
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
奇怪的Internet Explorer 6問題CSS
Internet Explorer CSS問題。 （隱藏的填充）
CSS Internet Explorer 8 問題中的框陰影
Internet Explorer 8：列表問題
Internet Explorer 8中的JQuery問題
Firefox 和 Internet Explorer 上 css 中子元素的定位問題
Internet Explorer中的CSS rgba
Internet Explorer 8 的 CSS 故障排除
Internet Explorer中的CSS旋轉
Internet Explorer 8 CSS兼容性
相關標簽