主頁在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

回答

相關問題