Escondendo DIV

Question

Estou tendo problema ao esconder um div, eu consigo setar a propriedade visible dele, mas ele ainda fica conservando espaço...

Eu queria saber como esconder também o ESPAÇO que ele ocupa.

Exemplo :

Como está :
-------------------------
__
|_|      div1
__
|_|      div2

-------------------------
eu escondo o div 1 e fica assim :
-------------------------


__
|_|      div2

-------------------------

e eu queria que ficasse assim :
-------------------------
__
|_|      div2



-------------------------

deu pra intender? se sim, me ajudem com isso plz.

Answer 1

R3n4n,

 

configure a propriedade position da DIV para relative e veja se funciona:

 

<div id="div1" style="position:relative">...</div>

---

Ricardo Oneda
http://oneda.mvps.org/blog

Answer 2

 

http://www.macul.eti.br/tecnologia/web/javascript/displaynone.htm

 

 

 

Code Snippet

<script language="JavaScript">
<!--

function aparece()
{
document.getElementById('linhatabela').style.display='';
}

function desaparece()
{
document.getElementById('linhatabela').style.display='none';
}
// -->
</script>


<table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" ID="Table1">
 <tr>
   <td>
   Linha 1
  </td>
 </tr>
 <tr bgcolor="#F0F0F0" id="linhatabela" style="display:none">
  <td>
   Linha escondida
  </td>
 </tr>
 <tr>
  <td>
   Linha 3
  </td>
 </tr>

 <tr>
  <td>
   Linha 4
  </td>
 </tr>
 <tr>
  <td>
   <input type=button name=bt value=Aparece onclick="BLOCKED SCRIPTaparece();" ID="Button2">
   <input type=button name=bt value=Desaparece onclick="BLOCKED SCRIPTdesaparece();" ID="Button3">
  </td>
 </tr>
</table>

 

 

Answer 3

Blz, vou tentar das duas formas, agora estou sem tempo para ver especificadamente esse problema, portanto acho que demorarei a dar uma resposta se funcionou.

Obrigado pela ajuda.

Retornarei assim q possível =D