[Resolvido] Barra fixa no rodapé

[Campecino 0]

Olá pessoal

 

estou "dissecando" um site para extrair o código de um menu de rodapé mas não estou conseguindo.

 

O que preciso é de uma div no final da página, que fique fixa mas que role conforme você desça ou suba a página.

 

falando assim é meio dificil, achei outro site que têm uma barra parecida, da uma olhada: exemplo de barra. É a barra rosa no rodapé.

 

Agradeço a todos, vlw!

[Vanilson 2]

Campecino, acho que um position: fixed, na div que desejas fazer isso resolve o teu problema.

[JCMais 75]

HTML

<div id="SuaID">
   Conteudo
</div>

 

CSS

#SuaID {
   bottom:0;
   display:block;
   position:fixed;
   z-index:1000;
}

[Campecino 0]

HTML

<div id="SuaID">
   Conteudo
</div>

 

CSS

#SuaID {
   bottom:0;
   display:block;
   position:fixed;
   z-index:1000;
}

 

Fico perfeito, obrigado!!!

 

Acrescentei um código para que a barra possa ser fechada.

 

<script language="javascript">
<!-- 
var state = 'none'; 
function showhide(layer_ref) { 
state = 'none';
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].display = state;
}
if (document.getElementById &&!document.all) {
hza = document.getElementById(layer_ref);
hza.style.display = state;
}
}
//–>
</script>

 

<a href="#" onclick="showhide('barra');">Fechar</a>

 

 

Vlw!

[JCMais 75]

Disponha. :P

[Campecino 0]

Oi Pessoal

 

estava trabalhando na barra ( ainda ), rs, e surgiu uma dúvida.

 

Já to conseguindo "fechar" ela com o javascript no display: none, acontece que quando vou para alguma outra página do site, a barra aparece novamente.

 

Como faço para que uma vez clicado em fechar ela não apareça nas outras páginas?

 

>> E como faço para a barra não fica grudada no lado esquerdo? A barra esta dentro de uma div de 900px, mas mesmo assim fica só na esquerda, tentei colocar uma margin-left=20% mas fico meio torto, queria que ficasse no meio independente da resolução da tela.

 

 

Vlw!

[JCMais 75]

Junto do CSS que passei, adicione:

margin:0 auto;

 

Sobre a barra ser fechada e não voltar a aparecer, isto deve ser feito por meio de Cookies, estude como criar e ler cookies;