[Resolvido] Alinhamento com CSS
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:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.ipis.com.br/web/img/forum_css.png&key=7aa6377caa996773f0bcb587e95ea0c497a4124eb7877d9132dd9f99b277dce0" alt="forum_css.png" />
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?
Discussão (4)
Carregando comentários...