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

由于某些原因，我的网页在Firefox 14.0.1版本中无法正常显示。它在IE9，Safari，chrome中正确显示。我的一位朋友也说他经历过和我一样的经历。主页在firefox中无法正确显示14.0.1

在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; 
}

来源

2012-07-31 SS4A

嗯，这是网站的行为。对不起，这是事实。 “如果我缩小或在布局更改，但然后YouTube视频开始涂抹和像素” 这是一个youtube的东西，与CSS无关。 – Sliq 2012-07-31 15:51:02

感谢Panique。我明白。你能解释一下布局问题吗？你会把它放在网站的行为方式吗？ – SS4A 2012-07-31 15:54:40

我认为这不是一个“错误”。我的意思是，真的，谁调整了网站？尝试调整谷歌，eBay，Facebook的大小...他们都看起来很烂。不要打扰你自己，你的网站好像就是这样！ – Sliq 2012-07-31 17:20:13

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

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

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

来源

2012-07-31 19:34:36 Sliq

嗨。你是对的。这工作！那么我的网站是由业余爱好者创建的？你能告诉我一些你如何知道的例子吗？除非你知道你在找什么，否则很难找到它，这会帮助我找到更适合未来的人。感谢您的正确答案！ – SS4A 2012-08-01 17:33:40

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

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

来源

2012-08-05 16:01:03 SS4A

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

回答

相关问题