登录插件搞乱HTML DOM结构

我已经集成了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％确定这是由登录造成的，因为我排除了其他任何选项。

所谓“自创建字段”你指的是日提交的Facebook或写入生成由你..？另外F12给你的静态来源权.. ..？您需要检查动态HTML ..使用Firebug插件在Firefox –

我用萤火虫发现这一点，是的，该领域是自我创造。如果我检查源代码（按Ctrl + u的窗口），一切似乎都没问题，但动态生成的内容（F12所示）已关闭。 –

你可以在这里分享Facebook的登录代码..我想你需要指定Facebook需要放置其登录代码的地方 –

也许可以添加将举行/包裹角落找寻Facebook登录有固定尺寸（宽度/高度）的元素和CSS属性overflow:hidden

2013-01-02 11:56:08

回答