Ir para conteúdo

POWERED BY:

Arquivado

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

Web 1

Rolagem com topo fixo sem FRAME

Por , em Javascript

Recommended Posts

Jefrey    0

Jefrey
Postado

Coloque todo o topo em uma div e atribua, no style, a position:fixed.

É como aquelas janelinhas que se parecem com pop-ups que permanecem no mesmo local.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Web 1    0

Web 1
Postado

Seria assim?

 

<div id="Layer1" style="position:fixed; left:27px; top:68px; width:83px; height:46px; z-index:3">

 

CONTEUDO

 

</div>

 

??

 

Nao compreenderam minha questão?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

é possível com position: fixed

http://forum.imasters.com.br/index.php?/topic/252392-simulando-position-fixed-ff-ie-opera/page__hl__fixed__fromsearch__1

Compartilhar este post

Link para o post
Compartilhar em outros sites

Web 1    0

Web 1
Postado

O codigo que você passou funcionou perfeito porem fica em cima da barra de rolagem e quando passa um flash por traz dele o flash cobre o mesmo! queria algo como o novo Twitter na barra superior fica fixo

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

adicione um wmode="transparent" no flash, e deixe ele com position: relative+ z-index menor que o da barra.

 

poste o código que você já tem até agora, ou um link para o site.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Web 1    0

Web 1
Postado

Com esse codigo abaixo rodou perfeito porem perceba que as tabelas postareios ao DIV cujo qual nesse caso é a segunda tabela ela esta 100% largura e nao esta chegando até o final PORQUE???

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>teste</title>

<style>
div {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
}

html, body
	{
	_height: 100%;
	_overflow: auto;
	}
divtopo {
	_position: absolute;
}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body leftmargin="0" topmargin="40">
<div id="divtopo">
  <table width="100%" height="40" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
    <tr>
                <td>X
                  </td>
              </tr>
            </table></div>

<p> </p>
<p> </p>
<p> </p>
<p> </p>

<table width="100%" height="40" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
  <tr> 
    <td>X </td>
  </tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>

Entenderam minha questão?

 

Haveria algo incomum no codigo acima o que levariam a vcs nao entenderem minha questão?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

esse uso equivocado de tabelas

e não ter lido o topico que indiquei.

 

estude css, e siga a solução que propus, já devia ter resolvido essa questão, se tivesse tentado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito