[Resolvido] Alinhamento com CSS

[InterPlanet 7]

Olá!

 

O CSS:

 

/********
# TOPO #
********/

.Topo {width:100%; height:100%;}
.Topo_Esquerda {width:<?php Echo $__TEMA['Pagina']['Lateral']['Largura']; ?>px; height:100%; background:<?php Echo $__TEMA['Topo']['Esquerda']['CSS']; ?>;}
.Topo_Direita {width:auto; height:100%; background:<?php Echo $__TEMA['Topo']['Direita']['CSS']; ?>; text-align:right; border:solid 1px;}

/* CONTEUDO ESQUERDA */
.Topo_Logo {position:relative; left:0px;}

/* CONTEUDO DIREITA */
.Topo_Conteudo {width:250px; height:100%;} 
.Topo_Conteudo_Botoes {width:100%; height:25%; padding-right:10px; background:red;}
.Topo_Conteudo_Logo {width:100%; height:50%; background:blue;}
.Topo_Conteudo_Barra {width:100%; height:25%; padding-left:10px; background:red;}

 

O HTML:

 

           <table class="Topo" cellpadding="0" cellspacing="0">
             <tr>
               <td class="Topo_Esquerda">
                 <img src="midia/img/logo_cliente.png" class="Topo_Logo">
               </td>
               <td class="Topo_Direita">
                 <table class="Topo_Conteudo" cellpadding="0" cellspacing="0">
                   <tr>
                     <td class="Topo_Conteudo_Botoes">
                       ...
                     </td>
                   </tr>
                   <tr>
                     <td class="Topo_Conteudo_Logo">
                       ...
                     </td>
                   </tr>
                   <tr>
                     <td class="Topo_Conteudo_Barra">
                       ...
                     </td>
                   </tr>
                 </table>
               </td>
             </tr>
           </table>

 

A Saída:

 

 

O Problema:

 

A tabela [ <table class="Topo_Conteudo" cellpadding="0" cellspacing="0"> ] detro da TD [ <td class="Topo_Direita"> ] não alinha a direita de jeito nenhum! Já se eu substituo a table por uma div ou conteudo de texto, img etc. fica alinhado a direita!

 

Coloquei uma borda preta e as cores berrantes pra facilitar o entendimento do problema.

 

Isto está me tirando o sono desde as 17h rs. Alguma luz?

[Kakashi_Hatake 267]

Se eu entendi direito, basta colocar um float:right para mandar o que você quer para direta

.Topo_Direita {width:auto; height:100%; background:00FF00; text-align:right; border:solid 1px; float:right;}

[InterPlanet 7]

Quase!!!!!!!!!!!!!!!!!!!!!

 

Mas a sua dica me salvou!

 

Quando pus como disse, ficou assim:

 

 

Percebi que o float agiu na td pai. Ai usei um pouco a cabeça e pus sua dica na tabela com o conteudo eeeeeeeeeeeee BATATA! Oia:

 

 

MUITO OBRIGADO @Kratos!

 

Pra constar, o CSS ficou:

 

/********
# TOPO #
********/

.Topo {width:100%; height:100%;}
.Topo_Esquerda {width:<?php Echo $__TEMA['Pagina']['Lateral']['Largura']; ?>px; height:100%; background:<?php Echo $__TEMA['Topo']['Esquerda']['CSS']; ?>;}
.Topo_Direita {width:auto; height:100%; background:<?php Echo $__TEMA['Topo']['Direita']['CSS']; ?>; text-align:right;}

/* CONTEUDO ESQUERDA */
.Topo_Logo {position:relative; left:0px;}

/* CONTEUDO DIREITA */
.Topo_Conteudo {width:250px; height:100%; float:right;}
.Topo_Conteudo_Botoes {width:100%; height:20%; background:red;}
.Topo_Conteudo_Logo {width:100%; height:60%; background:blue;}
.Topo_Conteudo_Barra {width:100%; height:20%;  background:red;}

[JCMais 75]

Olá InterPlanet, o problema pelo visto já está resolvido, porém:

 

Realmente é necessário você fazer este header utilizando tabelas?

[InterPlanet 7]

Obrigado pelo interesse @JCMais!

 

De fato, problema resolvido.

 

Quanto a sua pergunta:

Na verdade não sei se é necessario... O pro é que infelizmente so sei trabalhar com tables!

E, levando em consideração que este layout é baseado em 100% de largura e altura e que não é possível alinhar uma div verticalmente (sem uma parafernalha de codigo, pior que table), nao tenho opcao.

 

Contudo, estou aberto a sugestoes. Abraço.