在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中工作

回答

相关问题