爲什麼不在Internet Explorer 9中工作？

嘿，我在嘗試製作這個側欄時遇到了問題。當我在interent explorer中查看它時，它看起來不對。爲什麼不在Internet Explorer 9中工作？

繼承人一個鏈接，檢查出在Chrome瀏覽器的鉻，然後看看它在IE瀏覽器，所以你可以看到我在說什麼。 http://sickassvideos.com/player.php?id=1

下面是創建這些側條框的代碼：

<div id="social"> 
       <h3>What we're about... </h3> 
       <p>Our mission is to provide you with a continous and reliable stream of sick ass videos.</p> 
      </div> <!-- socila --> 
      <div id="social"> 
       <center> 
       <table> 
        <tr> 
         <td><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/SickAssVideoscom/123296977742117" width="292" show_faces="false" stream="false" header="true"></fb:like-box></td> 
        </tr> 
       </table> 
       </center> 
      </div> <!-- social --> 

      <div id="social"> 
       <center> 
       <table> 
        <tr> 
         <td><img src="/images/logo.jpg" width="60px" height="60px"></td> 
         <td><h2>Coming soon!</h2><p>iPad and iPhone app</p></td> 
        </tr> 
       </table> 
       </center> 
      </div> <!-- social --> 
      <div id="social"> 
       <script type="text/javascript"><!-- 
       google_ad_client = "ca-pub-1520655484798685"; 
       /* Small ad */ 
       google_ad_slot = "2637780657"; 
       google_ad_width = 200; 
       google_ad_height = 200; 
       //--> 
       </script> 
       <script type="text/javascript" 
       src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
       </script> 
      </div>

這裏是ID = 「社會」

#content div#sidebar { 
float: right; 
} 
#content div#social { 
    float: right; 
    width: 250px; 
    height:; 
    padding: 10px 10px; 
    margin:0 0 15px 0; 
    background: #FFF url() no-repeat; 
    /* DROP Shadow 
    -moz-box-shadow: 3px 3px 4px #ccc; 
    -webkit-box-shadow: 3px 3px 4px #ccc; 
    box-shadow: 3px 3px 4px #ccc; 
    */ 
}

感謝您抽空看看樣式。

來源

2011-04-18 Mike

我沒有IE9，但在IE6它看起來像一個爛攤子，資料覈實的四周，整個內容不居中（對齊默認情況下），在Firefox和Safari上，它看起來不錯，但我不能告訴你這是怎麼回事... – Wh1T3h4Ck5 2011-04-18 02:51:52

RaphaelJS也能夠使IE 9崩潰......哦，還有IE 9的UI是相當醜陋的。我認爲IE 9只是爲了讓團隊獲得頂級資金，與MS分享獎金，並與MS的高層管理人員建立融洽關係，以便他們在職業生涯中「前進」 – 2011-04-18 02:55:19

馬上我注意到你不應該擁有多個div具有相同的ID ...編輯：仔細檢查發現這似乎是你的問題最少。考慮將你的腳本放入實際的html標籤中......我相信如果人們遵循一些基本標準，就像其他瀏覽器一樣，IE9可以正常顯示。 – Qosmo 2011-04-18 03:03:30

其嚴重編碼的CSS！但不同的框的問題是Facebook的按鈕擴大太寬了你指定的保證金數額。

也不要把分析在頂部，你把它放在底部，再加上你缺少DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document</title> 
    </head> 

    <body> 
<!--content ect--> 

<!--analytics--> 
    </body> 
    </html>

來源

2011-04-18 03:02:43

沒有文檔類型，因爲我把它保存爲* .php，所以它包含在一個帶有文檔類型的文件中，但是感謝relpy – Mike 2011-04-19 17:37:06

@Mike它仍然需要輸出到瀏覽器 – 2011-04-20 01:51:22

爲什麼不在Internet Explorer 9中工作？

回答

相關問題