Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá!
O CSS:
/********
.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?
Quase!!!!!!!!!!!!!!!!!!!!!
Mas a sua dica me salvou!
Quando pus como disse, ficou assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.ipis.com.br/web/img/forum_css2.png&key=ad7c67be29f9b401b9a7014554cf9aefc6f86aae01ff7e99cbf867970cdebde7" alt="forum_css2.png" />
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:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.ipis.com.br/web/img/forum_css3.png&key=df1f44a29ce364507ee15a3ab653248d7e8ff8785079ab731d77e4fdc205c16e" alt="forum_css3.png" />
MUITO OBRIGADO @Kratos!
Pra constar, o CSS ficou:
/********
.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;}
Olá InterPlanet, o problema pelo visto já está resolvido, porém:
Realmente é necessário você fazer este header utilizando tabelas?
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.
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;}