html - 悪名高い2つのDivが隣り合っています

Question

私はこれについて多くの質問があることを知っています、そして私は多くの解決策を試しました、しかし私はそれを機能させることができません。Facebookのキャンバスページ（810px）に2つの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>  

これらの2つの内部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> 

Answer 2

2番目のdivの幅を変更すると、機能するはずです。

<div id="dialerdiv2" style="float: right; width: 370px;">

また、このように動作するはずです

         <div id="dialerdiv1" style="float: left; margin-right: 390px;">
            ......
         </div>
         <div id="dialerdiv2" style="float: right; width: 390px;">
            ........
         </div>

問題は、divのサイズと使用可能なスペースに起因します。それらで少し遊んでください、そしてあなたは使用する正しい値が何であるかを理解するでしょう

Answer 3

ボディマージンとパディングを削除しましたか？

body{margin:0;padding:0}