在FF + Opera中無法識別DIV，在IE + Chrome中工作

過去幾天我嘗試過並努力克服這個問題，因爲我只想讓這個站點現在首先啓動。上週我一直在開發這個功能，我一直在使用我的特定首選瀏覽器Google Chrome。是的，大錯特錯！在FF + Opera中無法識別DIV，在IE + Chrome中工作

無論如何，這裏是演示網站這說明什麼，我想不久的一切看起來像（道歉一些東西，是出來的地方，都還遠沒有結束！）：http://www.weburton.co.uk/content/demo/

你看社會區？它在Chrome中正確顯示;完全如我所願。在IE中它顯示div區域，但是有一些樣式問題，例如Twitter端的文本。

但是，div區在其他瀏覽器中完全被忽略了;它是一個奇怪的問題，我承認這一點。我把它們裝在一個有背景圖像的div（selenasocial）中，然後讓其他div浮動。下面是代碼（CSS）：

#selenasocial { 
background: url(images/wls/social-bg.jpg) no-repeat top center; 
    display: inherit; 
width: 100%; 
min-height: 263px; 
z-index: 555; 
border: none; 
    overflow:auto;} 

.selenasocial { 
background: url(images/wls/social-bg.jpg) no-repeat top center; 
    display: inherit; 
width: 100%; 
min-height: 263px; 
    z-index: 255; 
border: none; 
    overflow:auto;} 

.selenasocial img { 
border: none;} 

.twitsocial { 
float: left; 
width: 480px; 
padding-top: 10px; 
text-align: center; 
border: none;} 

.facesocial { 
float: left; 
width: 480px; 
padding-top: 10px; 
text-align: center; 
border: none;}

這裏是HTML，我使用的小工具（是的，他們已經正確的functions.php風格）：

<!-- Selena Gomez Social Networks --> 

<div class="selenasocial"> 


<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar("Social Sidebar")) : ?> <?php endif;?> 
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar("Social Sidebar 2")) : ?> <?php endif;?> 
</div>

我克服了通過將上面的CSS複製到一個單獨的IE.css文件中，IE中的錯誤（因爲它也發生在那裏）。我只是不明白爲什麼兩個瀏覽器在IE瀏覽器之前跳躍並且沒有從主CSS文件中讀取。

任何幫助都會受到高度讚賞 - 在過去的幾天裏，我一直在爲此而撕心裂肺。

在此先感謝！

來源

2012-06-21 Steven

您的代碼（您的發佈內容）（技術上）沒有任何問題。您將浮動屬性設置爲左側，我猜這不是您想要的，但這並不能解釋爲什麼其他屬性會被忽略。

我不會讀你的4700行CSS文件來找出它有什麼問題，但我會盡力幫你自己做。

我做的第一件事就是試圖尋找你用螢火蟲發佈的CSS代碼，令我驚訝的是，它並不在那裏。 CSS firefug的最後一行給我的是這是這個902th：

.clearfix { 
     zoom: 1; 
    }

事實上，螢火蟲沒有表現出變焦的事情（括號內是空的）。所以我直接去了CSS文件找出它，並想知道爲什麼會有人使用這種非標準化的屬性，我檢查了下一行，發現在第907行有一個括號，而不是一個括號。

找到這樣的錯誤後，我開始在你的CSS文件上運行CSS validator，結果不是很好。修復這些錯誤，Firefox會正確地繪製這些錯誤。

決定IE和Chrome解釋錯誤CSS文件的能力究竟是好還是不好，這裏不討論，但學習如何找到並糾正錯誤可以幫助你使用更嚴格的瀏覽器。

來源

2012-06-21 22:35:48 paguiar

...好吧，我覺得自己是個笨蛋。非常感謝您的幫助。當我即將開始這個完整的主題時，你真的救了我。你是明星。 :-) – Steven

在FF + Opera中無法識別DIV，在IE + Chrome中工作

回答

相關問題