2012-12-13 61 views
2

我已經集成了Facebook登錄在一個似乎是一些麻煩來源的網站。登錄插件搞亂HTML DOM結構

每當我用「常規方式」(通過自行創建的字段)登錄時,沒有任何問題,但是一旦我使用Facebook登錄,網站的div就會變得混亂。

我有一個寬度爲90%的頁面的包裝,在這個div裏面有兩個div,一個名爲內容,包裝的寬度的80%,另一個接收其他20%寬度。

<div id="wrapper"> 
    <div id="content"> 
     content here... 
    </div> 
    <div id="sidebar"> 
     side bar items etc. 
    </div> 
</div> 

現在,如果我按F12檢查源/檢查該網站的元素它完美地展示了 與正規登錄。然而,一旦我登錄facebook以下彈起:

<div id="wrapper"> 
    <div id="content"> 
     content here... 
     <div id="sidebar"> 
      side bar items etc. 
     </div> 
    </div> 
</div> 

難道這引起了Facebook插件的加載,而PHP/HTML不是等待產生任何內容,只是繼續?我100%確定這是由登錄造成的,因爲我排除了其他任何選項。

+0

所謂「自創建字段」你指的是日提交的Facebook或寫入生成由你..?另外F12給你的靜態來源權.. ..?您需要檢查動態HTML ..使用Firebug插件在Firefox –

+0

我用螢火蟲發現這一點,是的,該領域是自我創造。 如果我檢查源代碼(按Ctrl + u的窗口),一切似乎都沒問題,但動態生成的內容(F12所示)已關閉。 –

+0

你可以在這裏分享Facebook的登錄代碼..我想你需要指定Facebook需要放置其登錄代碼的地方 –

回答

0

也許可以添加將舉行/包裹角落找尋Facebook登錄有固定尺寸(寬度/高度)的元素和CSS屬性overflow:hidden