2012-07-30 109 views
-5

由於某些原因,我的網頁在Firefox中無法正確顯示。它在IE9,Safari,chrome中正確顯示。網站不會在Firefox中顯示,但在所有其他瀏覽器中都可以使用

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

我們需要更多的細節。 – egrunin 2012-07-30 20:02:24

+1

你可能會把那些在你的問題中不起作用的代碼放到更詳細的信息中嗎?你使用的是什麼版本的Firefox?也許你需要對代碼進行很好的修改,並確保你的代碼適合你正在使用的瀏覽器。有時,在一個瀏覽器中運行的內容在另一個瀏覽器中不起作用Firefox和IE之間的CSS3就是一個很好的例子。 – 2012-07-30 20:08:07

回答

1

我發現在你的HTML代碼段2級的錯誤。一個額外的</div>在最後,與一個奇怪的'和allowfullscreen在iframe中是無效的。你有沒有試過validating你的代碼?

相關問題