臭名昭着的两个Div's彼此相邻

Question

我知道有很多关于此的问题,我尝试了很多解决方案,但我无法让它发挥作用.我在facebook画布页面(810px)中有两个div,我希望它们彼此相邻显示.目前,一个在另一个之上.这是我的代码:

<div class="tab_content tab1" >
 <div id="dialerdiv1" style="float: left; margin-right: 405px;">
    <embed type="application/x-shockwave-flash" wmode="opaque"
    src="thesource"
    width="301"
    height="401"
    id="popUpSwf"
    name="popUpSwf"
    quality="high"
    border="none"
    allowscriptaccess="always"
    pluginspage="http://www.adobe.com/go/getflashplayer"
    scale="noscale"
    menu="false"
    flashvars="..." />
 </div>
 <div id="dialerdiv2" style="float: right; width: 405px;">
      <embed type="application/x-shockwave-flash" wmode="opaque"
      src="thesource"
      width="301"
      height="401"
      id="popUpSwf"
      name="popUpSwf"
      quality="high"
      border="none"
      allowscriptaccess="always"
          pluginspage="http://www.adobe.com/go/getflashplayer"
      scale="noscale"
      menu="false"
      flashvars="..." />            
 </div>
</div>  

如何将这两个内部div相邻？此外,我尝试使用一个表,它的工作原理,但Firefox将这些td单元格移动到画布区域的外部,我不能让它们居中(只有firefox)

谢谢

Answer 1

如果父div的<div class="tab_content tab1">宽度超过810px,则以下代码应该可以正常工作.

<div class="tab_content tab1">
    <div id="dialerdiv1" style="float: left; width: 405px;">
        <embed ... />
    </div>
    <div id="dialerdiv2" style="float: left; width: 405px;">
        <embed ... />            
    </div>
    <div style="clear: both;"></div>
</div>