主页在 Firefox 14.0.1 中无法正确显示答案

【问题标题】：Home page does not display correctly in firefox 14.0.1主页在 Firefox 14.0.1 中无法正确显示
【发布时间】：2012-07-29 10:41:47
【问题描述】：

由于某种原因，我的网页在 Firefox 14.0.1 版中无法正确显示。在 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 width="466" height="302" 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;
}

【问题讨论】：

嗯，这就是网站的行为方式。对不起，但这是事实。 “如果我缩小或布局发生变化。但随后 YouTube 视频开始涂抹和像素化”这是 youtube 的事情，与 CSS 无关。
谢谢帕尼克。我明白。你能解释一下布局问题吗？你会把它归结为网站的行为方式吗？
谢谢，但在 firfox 上，标准页面加载会产生错误，并且只有在我调整页面大小时，页面才会看起来像预期的那样。如果你去 firfox 并重新加载页面，你会看到有几个框不在它们应该在的位置 - 令人沮丧！

标签： html css firefox

【解决方案1】：

首先：您的问题/问题非常不清楚。您没有调整大小的问题，您只是有一个混乱的网站，当您调整大小时“看起来正确”，对吧？这就是你想说的吗？

您的问题是：该网站是由业余爱好者构建的。有很多布局问题，但有一个简单的解决方案：

移除位置：relative; ss4a4.css 中的#indexwrapper，大约第 250 行！

【讨论】：

嗨。你是对的。那行得通！所以我的网站是由业余爱好者建立的？你能给我举一些你是怎么知道的例子吗？除非您知道自己在寻找什么，否则很难发现，它将帮助我在未来找到更合适的人。感谢您的正确答案！

【解决方案2】：

Firefox 出现故障的原因似乎是使用了 HEIGHT 属性。它应用于 2 个 div，在删除 HEIGHT 和 POSITION:RELATIVE 属性后，替换为 FLOATS、MARGINS 和 PADDING 以创建相关部分中所有 div 和嵌套 div 的布局更正了 firefox 问题。

网站的那部分写得很粗心！

【讨论】：