2 replies to this topic

[hatus]

Olá, estou usando a seguinte função javascript para esconder uma div no html:

[codebox]function mostra(div){
var abreDiv = document.getElementById(div);
abreDiv.style.display = 'block';
}
function fecha(div){
var fechaDiv = document.getElementById(div);
fechaDiv.style.display = 'none';
}[/codebox]

e essa div fica dentro de uma <td>

[codebox] <div id="quatro">
<p>Faça seu cadastro e crie seu login e configure sua Loja Virtual.  <a href="">Clique aqui</a></p>
<a href="java script:fecha('quatro');"><img src="images/icon_fechar.png" border="0" style="margin-left:600px;"/></a>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<div id="rodape1">
<div id="links">
<table id="left" class="left">
<tr>
<td><a href=""><img src="images/grupomw.png" /></a> </td>
<td><a href="http://www.macweb.co...eb.com.br"><img src="images/macweb.png" /></a> </td>
<td><a href="http://www.macwebhos...st.com.br"><img src="images/macwebhost.png" /></a> </td>
</tr>
<tr>
<td><a href="">grupo macweb</a> </td>
<td><a href="http://www.macweb.co....com.br">macweb solutions</a> </td>
<td><a href="http://www.macwebhos....com.br">macweb host</a> </td>
</tr>
</table>
<table class="right">
<tr>
<td><a href="http://www.macwebhos... <a href="hospedagem.html">Planos</a> |  <a href="atendimento.php">Atendimento</a> </td>
</tr>
</table>
<div class="spacer"></div>
</div>
</div>
</div>
</body>
</html>[/codebox]

sao varias divs que quero esconder, o problema é que quando elas todas vao sendo abertas, a div que as contém nao se redimenciona resultando que elas vão entrando pelo rodapé a dentro.

como isso pode ser resolvido?

obrigado

[Neffertine]

Hatus,

tende colocar sua div principal, a que contém as demais como position absolute e as outras como relative, e determina a altura da Principal como 100% ok?... Me fala o que aconteceu que vou te ajudando..

[bimonti]

Você pode usar 2 medidas paliativas ...

1. Colocar um elemento com clear após todas as divs:

<br style="clear:both" />

2. Mudar o display dessa div principal para table. Semanticamente as divs dentro dela deveriam ter display:table-cell, mas funcionam com um display:block também ...