网站在 Firefox 中不显示，但在所有其他浏览器中都可以

Posted 2023-03-06

【中文标题】网站在 Firefox 中不显示，但在所有其他浏览器中都可以

【英文标题】：Website doesn't display in firefox but is fine in all other browsers

【发布时间】：2012-07-28 13:09:06

【问题描述】：

由于某种原因，我的网页在 Firefox 中无法正确显示。在IE9、Safari、chrome中正确显示。

在 Firefox 中，如果我缩小或布局更改。但随后 YouTube 视频开始涂抹和像素化。我让一个朋友在他们的计算机上检查 Firefox，同样的事情发生了。

http://wwww.streetstyles4all.co.uk/images/screen_shot.jpg

左上角的屏幕截图显示了页面的加载方式。右上角是放大或缩小后显示，左下角是上下滚动后显示。

html：

相关部分的 HTML 是：

 <div id="homewallcontainer">

                <div id="homesidenavcontainer">

                <script type="text/javascript" src="http://forms.aweber.com/form/23/850302323.js"></script>
                </div>

                <div id="newsletterblurb">
                <p>
                Learn everything you need to get yourself going in the world of street dance, tips, facts, what to wear, music, videos and more.  Just fill in the form above - simple!
                </p>
                </div>  

                <div id="contentcontainerhome2">
                   <h1>Street Styles 4 All is the place to be for street dance! With classes, DVD's that are sold worlwide, dancers for hire, streetwear...find out why you should choose Street Styles 4 All:
                   </h1>
                            <div id="homess4atrailer">
        <iframe   src="http://www.youtube.com/embed/QyhgZ6I_DHo" frameborder="0" allowfullscreen></iframe>
        </div>


           </div>


    </div>

CSS 是：

#homewallcontainer 
background: url("images/wall.png") repeat scroll 0 0 transparent;
height: 542px;
margin-top: -1px;
width: 960px;


#homesidenavcontainer 
float: left;
margin-left: 41px;
margin-top: 110px;
width: 253px;


#homesidenavcontainer 
float: left;
margin-left: 41px;
margin-top: 110px;
width: 253px;


#contentcontainerhome2 
float: right;
margin-right: 17px;
margin-top: 46px;
width: 528px;


#homess4atrailer 
margin-left: 56px;
padding: 38px 0 10px;

【问题讨论】：

您能否将不起作用的代码放在您的问题中，以获取更多详细信息？您使用的是哪个版本的 Firefox？也许您需要对代码进行良好的修订，并确保您的代码适合您使用的浏览器。有时，在一种浏览器中有效的方法在另一种浏览器中无效。 Firefox 和 IE 之间的 CSS3 就是一个很好的例子。

【参考方案1】：

我在您的 html sn-p 中发现了 2 个错误。末尾有一个额外的</div>，带有一个奇怪的 ' 和 iframe 中的 allowfullscreen 无效。你试过validating你的代码了吗？