Banner do site www.zap.com.br

[EMDI]

Como faço para fazer com que meu baner (um swf ou gif), nunca saia de cena, ou seja, que sempre fica na tela independente se eu rolar a página para cima ou para baixo. Quero fazer exatamente como o Banner do site www.zap.com.br, onde o banner do lado direito sempre acompanha o movimento da página, para cima ou para baixo.

Grato

EMDI

[hipnos na area]

você pode usar DISPLAY:FIXED;(infelizmente no IE6 não funciona), use o link a seguir para que funcione no IE,FF(e complacentes) também(infelizmente usa JS):

http://scriptbrasil.com.br/forum/index.php...mp;#entry444595

para fazer sem javascript use essa "GAMBIARRA" assim:

<style>
*{
margin:0px;
padding:0px;
}
html,body{
	width:100%;
	height:100%;
	overflow:hidden;
}
#corpo {
	width:100%;
	height:100%;
	overflow:auto;
}
#fixo{
	position:absolute;
	top:20px;
	right:20px;
	background:#fc0;
	width:250px;
	height:50px;
}
</style>
<div id="fixo">ai ai ai ai ai ai ai</div>
<div id="corpo">
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
conteudo<br>
</div>[/codebox]

Editado Dezembro 6, 2007 por flavio
Para códigos muito extensos procure usar a tag CODEBOX

[flavio]

Como ainda tem muita gente usando o IE6, você opde usar esse exemplo pra "contornar" essa situação.

Exemplo: Posição Fixa no IE - CSS + JavaScript