show/hide div, problema no IE7

[Fiote 24]

Oi povo o/

 

Estou com um pequeno probleminha =x

 

Estou alterando um fórum (phpbb3) de um cliente, e nessa alteração eu criei uma div (inicialmente oculta) com as respostas de cada tópico. Algo como um 'headline' das respostas. Você clica no ícone do tópico e ele exibe/esconde essa div. Ok. Funciona perfeitamente no FF e no IE6.

 

Agora, no IE7, temos um problema.

 

A função é chamada, ele exibe a div, não parece existir problema no javascript.

 

Porém, acontece algo estranho.

 

Ele extende a div o tanto que deveria extender, mas o tópico que vem logo em baixo não é movido para baixo. Bem, a linha do tópico é, mas o texto não.

 

Só dá pra resolver esse problema passando o mouse na linha do tópico 'em branco', que tudo volta ao normal.

 

[clique aqui para vizualizar a página]

 

 

Não ACHO que tenha a ver com o phpbb3, apesar de conhecer pouco sobre ele...

 

Alguém tem alguma informação que possa me ajudar?

 

 

Até o/

[programador php 0]

num vi nada disso

 

abraço

[Fiote 24]

Não? Tem certeza que usou o IE7?

 

Bem, aqui vão SSs então, reparem no tópico "campanha orquestrada":

 

Antes de clicar: http://img401.imageshack.us/img401/563/ss1nw2.jpg

Depois de clicar: http://img401.imageshack.us/img401/5170/ss2kc9.jpg

[programador php 0]

aqui fica normal!!!

 

num sei o que pode ser!!

 

falou

[Fiote 24]

Só pra saber... qual SO você está usando?

 

Eu estou no windows vista, talvez pode ser isso :unsure:

[brcontainer 16]

bem ainda não analizei o código tem duas coisas que podem ser

 

Primeiro, pode ser que seja o CACHE, portanto esvazie ele e atualize a página.

Segundo e mais provavel, pode ser uma TAG mal fechada

 

veifique falow ;)

[Fiote 24]

silverfox

 

Vlw pela resposta, mas tipo, eu só uso praticamente uma tag, que é o <div>, e eles tão fechadas sim =(

 

Até tentei não usar divs e usar próprios elementos do phpbb3, mas o IE7 insiste em não interpretar direito o conceito de show/hide.

 

Vou ter que alterar completamente a idéia =(

[brcontainer 16]

a sim entendo, bem tente fazer o seguinte veja qual função é essa (javascript) e poste ela aqui, tambem pode ser realmente alguma falha no HTML ou no CSS.

 

o erro é só no IE7 né?

 

bem vou ver se arrumo o IE7 e vejo se consigo resolver ;)

falow abraços

[Fiote 24]

Tem 4 divs, um em baixo de cada 'coluna' do tópico.

 

idDiv = coluna do assunto

Reply_idDiv = coluna das respostas

Views_idDiv = coluna das visualizações

Last_idDiv = coluna da ultima mensagem

 

quando você clica na imagem, ele chama a função toggleDiv passando como parametro o id do tópico.

 

function toggleDiv(idDiv) {
	var obj = document.getElementById(idDiv);
	var olddisplay = obj.style.display;
	var newdisplay = (olddisplay == 'none') ? 'block' : 'none';
	document.getElementById(idDiv).style.display = newdisplay;
	document.getElementById('Reply_'+idDiv).style.display = newdisplay;
	document.getElementById('Views_'+idDiv).style.display = newdisplay;
	document.getElementById('Last_' +idDiv).style.display = newdisplay;
	atualizaAltura(idDiv);
}

function atualizaAltura(idDiv) {
	var obj = document.getElementById(idDiv);
	newaltura = obj.offsetHeight;
	document.getElementById('Reply_'+idDiv).height = newaltura;
	document.getElementById('Reply_'+idDiv).style.height =  newaltura+'px';
	document.getElementById('Views_'+idDiv).height = newaltura;
	document.getElementById('Views_'+idDiv).style.height =  newaltura+'px';
	document.getElementById('Last_' +idDiv).height = newaltura;
	document.getElementById('Last_' +idDiv).style.height =  newaltura+'px';
}

 

Mas já mudei a função toda. Tipo, no IE6 e FF ele funciona assim, já no IE7 ele chama outra função. É só acessar denovo

 

http://www.boiafria.1filmes.com.br/phpBB3/..._fiote.php?f=23