Question

由于某种原因，我的网页在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;
}

Answer 1

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

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

删除位置：relative; ss4a4.css中的#indexwrapper，大约250+线！

Answer 2

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

该网站的那部分是不小心写的！

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

2 个答案: