Só que agora me deparei com uma situação que não consigo resolver (mais uma )
Vejam a foto:
Cada retângulo colorido, com tabelas, era uma coluna. No caso um tabel com 5 colunas.
Só que agora eu preciso desse mesmo esquema de colunas para adicionar uns conteúdos e não estou conseguindo. Principal, mas não exclusivamente, por causa de um JavaScript que exibe e oculta uma DIV E de compatibilidade com resoluções 800x600 e 1024x768 (foi uma dureza arrumar esse)
O código atual da página é esse (apenas a parte referente ao corpo do sistema):
<div id="main" class="borderwrapper"> <div class="top"> Home </div> <div class="welcome"><strong>Bem vindo ao Painel de Controle do {php}print NAME;{/php}</strong></div> <div class="text">A maneira mais simples de personalizar o seu sistema. <br /><br /> Cada link do menu de navegação ao lado exibe uma tela de configuração diferente, cada qual com suas próprias opções de personalização. Cada opção possui informações detalhadas sobre a(s) alteração(ões) que serão realizadas. </div> <form action="index.php?act=settings§ion=interface&CODE=00" method="post" name="interface"> <div class="borderwrapper" style="margin: 5px;"> <div class="title">Interface</div> <div style="padding: 5px;"> <div class="borderwrapper"> <div class="subtitle">Central de E-mail's</div> </div> <div class="spliter"></div> <div class="borderwrapper"> <div class="subcontent"> Preciso montar um esquema que simule uma tabela de 5 colunas em Tableless. <!-- <div class="left-internal" style="padding: 9px 0 9px 9px;;"> <strong>Registrar Ações em Log</strong><br /> Se SIM cada mensagem enviada será registrada em um arquivo de logo para futuras consultas. <br /><br /> <strong>Email de Resposta </strong><br /> Através dessa opção você opta se deseja utilizar o seu e-mail de registro como endereço de remetente ou outro. <br /><br /> <div id="mail" style="display: none;"> <strong>Novo E-mail </strong><br /> Informe o novo endereço de e-mail no campo ao lado. </div> </div> <div class="right-internal"> <div style="margin: 18px 0 0 0; _margin: 13px 0 0 10px;"> <label>Sim</label> <input name="logmail" id="logmail" type="radio" value="yes" class="radio" checked="checked" /> <label>Não</label> <input name="logmail" id="logmail" type="radio" value="no" class="radio" /> </div> <br /><br /> <label>Sim</label> <input name="changemail" id="changemail" type="radio" value="yes" class="radio" onclick="showLayer(true, 'mail');" /> <label>Não</label> <input name="changemail" id="changemail" type="radio" value="no" class="radio" onclick="showLayer(false, 'mail');" checked="checked" /> <br /><br /> <div id="mail"> <input name="newmail" id="newmail" type="text" class="textinput" size="40" /> </div> </div> --> </div> </div> </div> </div> </form> </div>Tão vendo um grande trecho em comentários? São eles que vão cada um na sua coluna, para poder ficar da mesma forma que na imagem, no antigo com tabelas.
Eu fiz duas classes para montar os blocos esquerda e direita, mas nessa página os mesmo tem que ser de tamanhos diferentes. Além do que são 5 blocos, eo que tenho são para dois, que uso em outra página onde só precisa aparecer duas colunas mesmo.
É isso.
[]'s