Fixar elementos no browser Css

No entanto este elemento começa novamente a aparecer na web como um fantástico complemento para mentes imaginativas.

Um exemplo do que se consegue atingir utilizando esta declaração CSS pode ser visto no site cult-f.net. Este site utiliza a declaração 'position:fixed' para fixar no topo do browser uma espectacular nuvem de tags.

 
Na minha óptica de ver as coisas esta declaração  poderia ser utilizada para menus laterais ou no topo de uma página. Poderia ainda juntamente com Javascript ser utilizada para criar pequenas "aplicações" que permaneceriam o mínimo intrusivas possíveis, mas sempre à frente do utilizador! Um clique e a caixa expandia... ideias?

A declaração CSS é extremamente simples e resume-se a isto:

css
#fixo{
position:fixed;
 //fixa a posição no browser
top: 50px;
 //coordenada relativamente ao canto superior esquerdo do browser
left: 29px;
 //coordenada relativamente ao canto superior esquerdo do browser
}

E o html é so colocar:

html
 <div id="fixo>Conteúdo</div>

Pode ver o seguinte exemplo 'position:fixed'

TrackBack URI for this entry

Rodrigo Novembro 03, 2008	Ao tempo que andava à procura de algo do género!!
Andre Luis Outubro 19, 2009 http://www.musiconline.com.br	Pessoal, eue stou procurando um modo de fixar como se fosse um FRAME, deixando-o fixo no topo da tela, mas com o conteúdo logo abaixo dela. Será que colocar um margin-top:Xpx; ou padding-top:Xpx; X = altura funciona? Assim sempre jogaria o conteudo abaixo da barra fixa. Obrigado!