Deixar banner fixo no topo de pagina

[Pantoja 5]

Amigos, qual o código para deixar um topo fixo em meu fórum.

 

 

como o webtutoriaisfaz.

 

 

Entrem em qquer tutorial e vema que fixa um pequeno banner no topo, queria fazer isso em meu forum, poderiam me ajudar como proceder?

 

grande abraço,

Pantoja

[Francispansa 6]

Você pode fazer assim:

 

/* Funciona em todos navegadores, menos no IE como já era de se esperar */
#topo{
position:fixed;
top:0;
}

 

Como o IE não reconhece o position 'fixed', você pode fazer alguma coisa usando o absolute mesmo

 

html, body {
height: 100%;
overflow: auto;
}

#topo{
position:absolute;
top:0;
}

 

 

=)

[Pantoja 5]

Obrigado Francis,

 

você saberia em que arquivo eu coloco este códino dentro do forum ipb?

 

 

Grato pela ajuda amigos.

[Francispansa 6]

você saberia em que arquivo eu coloco este códino dentro do forum ipb?

 

Pior que não sei Pantoja, não cheguei a trabalhar com esse sistema de forum.

 

Abraço

[Elektra 102]

Nesse exemplo que mencionou é feito com uso de frames.

 

Observe o código fonte:

 

O frameset é a moldura principal, que engloba toda a página, o banner do topo é um frame 'fixo', sem rolagem, o que está abaixo recebe o conteúdo do tutorial.

 

<frameset rows="21,*" cols="*" framespacing="0" frameborder="NO" border="0" id="open_frame"><frame src="baixo.php" name="bottomFrame" scrolling="NO" noresize><frame src="http://wordpressnerd.web44.net/?p=7" name="mainFrame"></frameset> 
<noframes> 

 

Outro exemplo do uso de frames está no Help da Adobe, um topo fixo, um lateral esquerdo com rolagem, e o central carrega o conteúdo dos links. Em 'Todas as Classes', role e clique em 'Movie Clip', fica melhor para visualizar o que estou falando, vai surgir a barra de rolagem na lateral direita.

 

http://help.adobe.com/pt_BR/AS3LCR/Flash_10.0/index.html

 

Não é uma prática atualmente recomendável.

 

É melhor pensar em outra opção de fixar um elemento sobreposto de forma que não comprometa o layout, nem dispense a estrutura com divs para a página, isso possivelmente seja feito com JavaScript.

 

 

Abraços