Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

clagils

DIV dentro de DIV deixa um espaço enorme, pq?

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

clagils    0

clagils
Postado

bom dia galera tudo bem

 

entao , pra comecar o dia eu tenho uma duvida q ta quebrando minhas pernas

 

acontece o seguinte

eu tenho uma DIV con scroll e dentro dela tem uma TABELA dentro da tabela eu tenho alguns itens q quando eu passo o mousse sobre eles aparece uma outra DIV em baixo desse item

 

da primeira vez eu fiz a as div's, q iriam aparecer, fora da DIV q tem a tabela , so q quando eu movo o scroll as divs q aparecem continuam no mesmo lugar enquanto deveria c mover junto com o scroll

 

entao eu fiz as DIV'S q iriam aparecer dentro da DIV com a TABELA colocando-as com position:relative,

beleza ate q funciona so q FICA UM ESPAÇO ENORME ACIMA DA DIV COM A TABELA(e o scroll tem q desser tudo para ararecer o conteudo da div ) ai fica a pergunta como eu faço para tirar esse espaco

 

 

aqui vai o arquivo ai vcs podem dar uma olhada

 

formulario.asp

<!--#include file="script/randomico.asp" --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Cadastro de Clientes</title><style type="text/css" media="all">@import url("css_style.css");</style><script src="ocultar_camada.js" language="JavaScript" type="text/JavaScript"></script><script src="ajax.js" language="JavaScript" type="text/JavaScript"></script><script src="ajax_nome.js" language="JavaScript" type="text/JavaScript"></script><script src="overlib.js" language="JavaScript" type="text/JavaScript"></script></head><body bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0"><font face="Verdana, Arial, Helvetica, sans-serif"; size="2"> <div id="superior" style="position:absolute; left:0; top:0; width:600px; height:60; z-index:1; visibility: visible;">   <font size="3"><strong>Formulário de Registro</strong></font> <br>	Assegure-se de preencher corretamente todos os campos do registro:</div><form action="mostra.asp" method="post" name="aceitar" id="aceitar" target="_self">  <div id="corpo" style="position:absolute; left:2; top:60; width:598; height:320px; z-index:2; overflow: scroll; visibility: visible;" align="justify"> 				<div id="int_c_nome"  style="position:absolute; left:16px; top:197px; height:auto; z-index:4; float: left; visibility: hidden;" class="int-c-nome"> 	  <fieldset>  <legend>Neste campo:</legend>  <LI>Não deixe em branco</LI>  <li>Coloque seu Nome completo</li>  <li>Não Coloque Numeros e ou<br>	  Caracteres especiais</li>  </fieldset></div>	<div id="int_c_s_nome"  style="position:relative; left:30px; top:214px; height:auto; z-index:4; visibility: hidden;" class="int-c-nome"> 	  <fieldset>  <legend>Neste campo:</legend>		<LI>Não deixe em branco</LI>		<li>Coloque Sobrenome completo</li>		<li>Não coloque Numeros e ou <br>		    Caracteres especiais</li></fieldset> </div>	<div id="int_c_e_nome"  style="position:relative; left:31px; top:256px; height:auto; z-index:4; visibility: hidden;" class="int-c-nome"> 	  <fieldset>  <legend>Neste campo:</legend>		<LI>Não deixe em branco</LI>		<li>Coloque o Nome Empresarial<br>  completo</li></fieldset> </div>	<div id="int_c_e_email"  style="position:relative; left:55px; top:233px; height:auto; z-index:4; float: left; visibility: hidden;" class="int-c-nome"> 	  <fieldset>  <legend>Neste campo:</legend>  <LI>Não deixe em branco</LI>  <li>Coloque seu E-mail Empresarial <br>  completo</li>  </fieldset></div>	<div id="int_c_e_telefone"  style="position:relative; left:29px; top:265px; height:auto; z-index:4; visibility: hidden;" class="int-c-nome"> 	  <fieldset>  <legend>Neste campo:</legend>		<LI>Não deixe em branco</LI>		<li>Não coloque Letras e ou <br>		    Caracteres especiais diferentes<br>		    de (  ) , -</li></fieldset> </div>	<div id="int_c_c_nome"  style="position:relative; left:34px; top:214px; height:auto; z-index:4; visibility: hidden;" class="int-c-nome"> 	  <fieldset><legend>Neste campo:</legend><LI>Não deixe em branco</LI><li>Não coloque Caracteres<br>    especiais</li><li>Caso o Erro persista, informe<br>    outro nome</li></fieldset></div> 			<fieldset><legend><strong><font size="2">Dados Pessoais: </font></strong><a class="cursor" title="Insira seus DADOS PESSOAIS">( ? ) </a></legend>		<table width="560" border="0">	  <tr> 		<td height="18" colspan="3" valign="bottom" width="280"> <font size="2"><div id="report" class="visible">Nome:</div></font></td>		<td colspan="3" valign="bottom" width="280"><font size="2"><div id="s_report" class="visible">Sobrenome:</div></font> 		</td>	  </tr>	  <tr> 		<td width="220" height="24" valign="top"> <input name="t_nome" type="text" class="caixa-padrao" id="t_nome"  onBlur="java script:envia('script/recebe_nome.asp','POST',false);" size="30" ></td>		<td width="29" valign="top" id="nome"></td>		<td width="29" align="left" valign="top"><div id="c_nome" class="hidden"><a onmouseover="MM_showHideLayers('int_c_nome','','show')" onmouseout="MM_showHideLayers('int_c_nome','','hide')">(?)</a></div></td>		<td width="220" valign="top"> <input name="t_s_nome" type="text" class="caixa-padrao" id="t_s_nome" size="30" onBlur="java script:envia2('script/recebe_s_nome.asp','POST',false);" > 		</td>		<td width="29" valign="top" id="s_nome"></td>		<td width="29" valign="top"><div ID="c_s_nome" class="hidden"><a onmouseover="MM_showHideLayers('int_c_s_nome','','show')" onmouseout="MM_showHideLayers('int_c_s_nome','','hide')">(?)</a></div></td>	  </tr>	</table></fieldset><br><fieldset><legend><strong><font size="2">Dados Empresariais: </font></strong><a class="cursor" title="Insira os DADOS EMPRESARIAS">( ? ) </a></legend>	<table width="560" border="0">	  <tr> 		<td width="580" colspan="6"><font size="2"><div id="e_n_report" class="visible">Empresa</div></font></td>	  </tr>	  <tr> 		<td width="500" colspan="4" valign="top"><input name="t_e_nome" id="t_e_nome" type="text" size="70" class="caixa-padrao-empresa" onBlur="java script:envia3('script/recebe_e_nome.asp','POST',false);"></td>		<td width="29" valign="top" id="e_nome"></td>		<td width="29" valign="top"><div id="c_e_nome" class="hidden"><a onmouseover="MM_showHideLayers('int_c_e_nome','','show')" onmouseout="MM_showHideLayers('int_c_e_nome','','hide')">(?)</a></div></td>	  </tr>	  <tr> 		<td colspan="6" height="20" width="580"> </td>	  </tr>	  <tr> 		<td width="280" colspan="3" valign="bottom"> <font size="2"><div id="e_e_report" class="visible">E-mail:</div></font></td>		<td width="280" colspan="3" valign="bottom"> <font size="2"><div id="e_t_report" class="visible">Telefone:</div></font></td>	  </tr>	  <tr> 		<td width="220" valign="top"><input name="t_e_email" id="t_e_email" type="text" size="30" class="caixa-padrao-outro" onBlur="java script:envia4('script/recebe_e_email.asp','POST',false);"></td>		<td width="29" valign="top" id="e_email">  </td>		<td width="29" valign="top" ><div id="c_e_email" class="hidden"><a onmouseover="MM_showHideLayers('int_c_e_email','','show')" onmouseout="MM_showHideLayers('int_c_e_email','','hide')">(?)</a></div></td></td>		<td width="220" valign="top"><input name="t_e_telefone" id="t_e_telefone" type="text" size="30" class="caixa-padrao-outro" onBlur="java script:envia5('script/recebe_e_telefone.asp','POST',false);"></td>		<td width="29" valign="top" id="e_telefone"> </td>		<td width="29" valign="top" ><div id="c_e_telefone" class="hidden"><a onmouseover="MM_showHideLayers('int_c_e_telefone','','show')" onmouseout="MM_showHideLayers('int_c_e_telefone','','hide')">(?)</a></div></td></td></td>	  </tr>	</table></fieldset><br><fieldset><legend><strong><font size="2">Cadastro de Acesso: </font></strong><a class="cursor" title="Insira seus DADOS CADASTRAIS (você os usará para fazer LOGIN)">( ? ) </a></legend>	<table width="560" border="0">	  <tr> 		<td height="18" colspan="3" valign="bottom" width="280"> <font size="2">Nome:</font></td>		<td colspan="3" valign="bottom" width="280"><font size="2">Confirmar Nome:</font></td>	  </tr>	  <tr> 		<td width="220" valign="top"> <input name="t_c_nome" id="t_c_nome" type="text" size="30" class="caixa-padrao-outro" onBlur="java script:envia6('script/recebe_c_nome.asp','POST',false);"></td>		<td width="29" valign="top" id="c_nome"> </td>		<td width="29" valign="top" ><div id="c_c_nome" class="visible"><a onmouseover="MM_showHideLayers('int_c_c_nome','','show')" onmouseout="MM_showHideLayers('int_c_c_nome','','hide')">(?)</a></div></td>		<td width="220" valign="top"><input name="t_c_c_nome" type="text" size="30" class="caixa-padrao"></td>		<td width="29" valign="top" id="c_c_nome"> </td>		<td width="29" valign="top" > </td>	  </tr>	  <tr> 		<td colspan="6" height="20"> </td>	  </tr>	  <tr> 		<td width="280" height="18" colspan="3" valign="bottom"><font size="2" face="Geneva, Arial, Helvetica, sans-serif">Senha:</font></td>		<td width="280" colspan="3" valign="bottom"><font size="2" face="Geneva, Arial, Helvetica, sans-serif">Confirmar 		  Senha:</font></td>	  </tr>	  <tr> 		<td width="220" valign="top"><input name="t_c_senha" type="password" size="30" class="caixa-padrao">		</td>		<td width="29" valign="top" id="c_senha"> </td>		<td width="29" valign="top" > </td>		<td width="220" valign="top"><input name="t_c_c_senha" type="password" size="30" class="caixa-padrao">		</td>		<td width="29" valign="top" id="c_c_senha"> </td>		<td width="29" valign="top" > </td>	  </tr>	</table></fieldset><input name="numero" type="hidden" value="<%=GeraString(8, 1, 1)%>"><br></div>  <div id="inferior" style="position:absolute; left:0px; top:360; width:600; height:40; z-index:3; visibility: visible;"> 	<table width="602" border="0">		  <tr> 		<td width="416" height="38" align="right" valign="middle"><strong><font size="2">Envio de Cadastro</font> </strong>    </td>		<td width="74" align="center" valign="middle"><input type="submit" name="Envia" id="submit" value="Enviar" disabled></td>		<td width="97" align="center" valign="middle"><input type="reset" name="limpar" id="limpar" value="Limpar"></td>	  </tr>	  	</table></div></form><table width="600" height="400" border="0" cellpadding="0" cellspacing="0">  <tr> 	<td width="600" height="400" valign="top"> </td>	</tr>	</table></font></body></html>

 

ocultar_camada.js

// JavaScript Document<!--function MM_findObj(n, d) { //v4.01  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);  if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_showHideLayers() { //v6.0  var i,p,v,obj,args=MM_showHideLayers.arguments;  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];	if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }	obj.visibility=v; }}//-->

 

 

 

 

 

 

 

 

bom , é so colocar para rodar q vcs verao

 

abraços

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rodrigo Thiago    0

Rodrigo Thiago
Postado

po a galera gosta mesmo de div, mesmo com todo padrao de web 2.........usa tabela que seus problemas acabam (pelo menos este tipo de problema)div é muito ruim para alinhar, nem tudo que você ve em seu editor é o que vai ser no navegador.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Primeiro vamos por partes:

 

clagils,

você está utilizando o css de maneira incorreta. você tem q separar o q é (X)HTML do css.

De uma lida no CSS Link Colection, lá você encontrará várias páginas ótimas sobre css.

 

Quanto ao seu problema, tente zerar a margin e o padding, é bem provável q funcione.

 

Rodrigo Thiago,

Na minha opinião não é a questão de gostar ou não gostar de div's, trata-se apenas de fazer uma coisa melhor.

Tabelas devem ser usadas apenas para dados tabulares.

Leia o que diz essa página da plasmadesign, acho q é bem interessante!

E repito, essa é apenas minha opinião! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Abraços! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

usa tabela que seus problemas acabam (pelo menos este tipo de problema)

Ae rodrigo, ele já tá usando tabelas para o layout.O problema dele é que ele quer algo flutuando em cima do conteudo, como se fosse um tooltip, uma dica.E o melhor pra isso são as div's ou span's mesmo.Clagils, talvez este tutorial do maujor te ajude: http://www.maujor.com/dicas/tooltip.phpO gio tá mandando bem aqui.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito