Centralizar 2 colunas

[diogobuenodb 0]

Boa noite a todos

 

Tenho 1 tabela com 2 colunas, elas carregam com valores de uma procedure porem uma é maior que a outra.. ai que está o problema.. a segunda fica abaixo da primeira

 

Exemplo

 

Tabela1

xxxxxx

xxxxxx Tabela2

xxxxxx xxxxxx

xxxxxx xxxxxx

xxxxxx

 

Carrega desta maneira..

 

Já configurei tudo praticamente.. por CSS esse é só um ex. já coloquei todos valores possiveis.....

 

.tabela_topo{
margin:0px;
margin-top:0px;
width:100;
color:Blue;

 

pelo asp.net mesmo.... já fiz vairos cotigos... hj minha tabela está assim...

 

 

 

<asp:Table  ID="Table1" runat="server" Font-Size="Small"  Align="center"  Width="1000px" HorizontalAlign="left" BorderColor="Black">

   <asp:TableRow  ID="TableRow1" runat="server"   HorizontalAlign="center" BorderColor="#0066FF">

   <%--GridView Backlog--%>

   <asp:TableCell  ID="TableCell1" runat="server"   VerticalAlign="Top" BorderColor="Black"  > 
       <asp:GridView ID="GridBacklogD" runat="server" Width="450px"  
               Font-Italic="True" Font-Size="Small" CellPadding="4" ForeColor="#333333" 
               GridLines="None" HorizontalAlign="NotSet" Enabled="false" >
           <AlternatingRowStyle BackColor="White" />
           <EditRowStyle BackColor="#7C6F57" />
           <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
           <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" HorizontalAlign="Center" />
           <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
           <RowStyle BackColor="#E3EAEB" HorizontalAlign="Center" />
           <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
           <SortedAscendingCellStyle BackColor="#F8FAFA" />
           <SortedAscendingHeaderStyle BackColor="#246B61" />
           <SortedDescendingCellStyle BackColor="#D4DFE1" />
           <SortedDescendingHeaderStyle BackColor="#15524A" />
       </asp:GridView>
   </asp:TableCell>


   <%--GridView Qtd de Chamados --%>


       <asp:TableCell  CssClass="tabela_topo"   ID="TableCell3"  VerticalAlign="Top"   HorizontalAlign="Right" runat="server"> 
  		<br />
  		<br />
           <asp:GridView ID="GridRankinkD"   runat="server" Width="550px" 
                   Font-Italic="True" Font-Size="Small" CellPadding="4" ForeColor="#333333" 
                   GridLines="None" HorizontalAlign="Right" >
               <AlternatingRowStyle BackColor="White" />
               <EditRowStyle BackColor="#7C6F57" />
               <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
               <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" HorizontalAlign="Center" />
               <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
               <RowStyle BackColor="#E3EAEB" HorizontalAlign="Center" />
               <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
               <SortedAscendingCellStyle BackColor="#F8FAFA" />
               <SortedAscendingHeaderStyle BackColor="#246B61" />
               <SortedDescendingCellStyle BackColor="#D4DFE1" />
               <SortedDescendingHeaderStyle BackColor="#15524A" />
           </asp:GridView>
       </asp:TableCell> 



		</asp:TableRow>
   </asp:Table>

 

Alguem pode me ajudar..

 

OBS. até com DIV .. dá erro... meu projeto está com o modelo.. já pré feito do viual studio fale q não poder ser criado no meio da pagina... antes e depois de qualquer comendo ja tentei...

 

Grato

[Rafael Mitsunaka 11]

Tentou utilizar float:left e float:right para cada uma das tabelas?