2つのDIVを並べて固定する方法

Question

私は以下のように2つのDIVを持っています。どうやってページに並べて中央に置くことができますか？ 以下には何の不運もありません。アドバンス

で おかげで今の私のCSSは次のとおりです。

#content 
    { 
    height: 100%; 
    position:fixed; 
    width:1400px; 
    /*width: 1200px; position: absolute; top:auto; bottom:0px; right:0px; left:auto; */ 

} 


#left{ 
    float:left; 
    width:700px; 
    position:absolute; 
    top:auto; bottom:720px; right:700px; left:auto; 

} 

#right{ 
    width: 700px; 
    float:right; 
    position:absolute; 
    top:auto; bottom:750px; right:-90px; left:600; 
} 


<div id="content"> 
      <div id="left"> 
       <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSourceScanned"> 
        <AlternatingRowStyle CssClass="altrowstyle" /> 
        <HeaderStyle CssClass="headerstyle" /> 
        <RowStyle CssClass="rowstyle" /> 
        <SelectedRowStyle BackColor="#004080" Font-Bold="True" ForeColor="Yellow" /> 
        <Columns> 

        </Columns> 
       </asp:GridView> 

      </div> 



      <div id="right"> 
       <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSourceMade"> 
        <AlternatingRowStyle CssClass="altrowstyle" /> 
        <HeaderStyle CssClass="headerstyle" /> 
        <RowStyle CssClass="rowstyle" /> 
        <SelectedRowStyle BackColor="#004080" Font-Bold="True" ForeColor="Yellow" /> 
        <Columns> 

        </Columns> 
       </asp:GridView> 
       </div> 
      <div style="clear: both;"> 
      </div> 
     </div> 

Answer 1

私はこのコードで見た唯一の問題top:auto

はトップいくつかの特定の距離を与えました。左&右のdiv内の水平中央のalign使用text-align:center;ため

Answer 2

最良の方法は次のとおりです。

#left{ 
display:inline; 
} 

#right{ 
display:inline; 
} 

Answer 3

は

#content 
    { 
    height: 100%; 
    width:1400px; 
    margin:0 auto; 

} 
#left{ 
    float:left; 
    width:700px; 
} 

#right{ 
    width: 700px; 
    float:right; 
}