Ir para conteúdo

POWERED BY:

Arquivado

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

gbs

Problema com rolagem dentro em DIV

Recommended Posts

Pessoal,

 

Criei uma página em que dentro de uma div, quando o conteúdo fosse maior que o permetido, fosse exibida uma rolagem...

 

CSS:

 

#especialidades {
	overflow: auto;
	overflow-x: hidden;
	height: 366px;
	width: 616px;
}

Então coloquei na página:

 

<div id="especialidades">
  <table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
	  <td><div align="justify">conteudo, textos, etc.</div></td>
	</tr>
  </table>
</div>

Funcionou "perfeitamente":

 

Imagem Postada

 

Mas, troco de janela, navego em outro site e talz, volta daí uns 15 segundos e derrepente:

 

Imagem Postada

Do nada a div se "estende" e zua todo o site.

 

Funciona normal, mas se você troca de janela, espera uns 15 segundos e volta lá, fica tudo zuado.

 

Só pode ser macumba... <_<

 

Mas se alguém tiver alguma explicação que descarte a macumba, por favor! Me ajude!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara acho que tem um lance aqui

 

#especialidades {
	overflow: auto;
	overflow-x: hidden;
	height: 366px;
	width: 616px;
}

Acho que poderia ser somente assim oh:

 

#especialidades {
	overflow: scroll;
	height: 366px;
	width: 616px;
}

Tenta ai... eu faria assim, sacou?

 

 

[]'s

 

Gaspar

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara acho que tem um lance aqui

 

#especialidades {
	overflow: auto;
	overflow-x: hidden;
	height: 366px;
	width: 616px;
}

Acho que poderia ser somente assim oh:

 

#especialidades {
	overflow: scroll;
	height: 366px;
	width: 616px;
}

Tenta ai... eu faria assim, sacou?

 

 

[]'s

 

Gaspar

Tentei assim também!

 

Porém o mesmo problema...

Compartilhar este post


Link para o post
Compartilhar em outros sites

deu certo este aqui oh:

 

#especialidades{
	overflow:scroll;
	position:relative;	
	height: 366px;
	width: 616px;
}

tinha um espaço entre "#especialidades" e "{" daí deu problema no IE mas depois funfou legal

 

[]'s

 

Gaspar

Compartilhar este post


Link para o post
Compartilhar em outros sites

deu certo este aqui oh:

 

#especialidades{
	overflow:scroll;
	position:relative;	
	height: 366px;
	width: 616px;
}

tinha um espaço entre "#especialidades" e "{" daí deu problema no IE mas depois funfou legal

 

[]'s

 

Gaspar

Negativo.

 

Infelizmente o problema continua... http://forum.imasters.com.br/public/style_emoticons/default/natal_sad.gif

 

Obs.: O Problema só ocorre quando dá rolagem...

Compartilhar este post


Link para o post
Compartilhar em outros sites

"Mas, troco de janela, navego em outro site e talz, volta daí uns 15 segundos e derrepente:"

 

Que janela?

Que navegador você esta tendo o problema?

É janela ou aba?

Com os codigos que você postou tudo funciona normalmente.

Sua página esta hospedada em que endereço?

Compartilhar este post


Link para o post
Compartilhar em outros sites

"Mas, troco de janela, navego em outro site e talz, volta daí uns 15 segundos e derrepente:"

 

Que janela?

Que navegador você esta tendo o problema?

É janela ou aba?

Com os codigos que você postou tudo funciona normalmente.

Sua página esta hospedada em que endereço?

Melhor explicando,

 

Microsoft Internet Explorer 7

 

Troca de aba, para qualquer outro site e clico em no máximo dois links, volto e aconte.

 

Exemplo, mudo para uma aba que está aberto o Google, faço uma pesquisa, clico em um link, volto na aba do site, e ocorre o problema...

 

A página não está hospedada, está local...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvi tirando o conteúdo de dentro da tabela...

 

Mudei de:

 

<div id="especialidades">
  <table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
	  <td><div align="justify">conteudo, textos, etc.</div></td>
	</tr>
  </table>
</div>

Para:

 

<div id="especialidades">
	  <div align="justify">conteudo, textos, etc.</div>
</div>

E coloquei um padding no CSS.

 

Vlw por todo a ajuda ae galera.

 

Agora tá funcionando http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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