Posicionar div - CodigosnaWeb.com
Esse gerador tem o objetivo de facilitar o ajuste do posicionamento de uma div flutuante no documento.

Se você quer ter uma div flutuante centralizada vertical e horizontalmente no seu documento faça o seguinte:

No topo dessa página, no canto esquerdo tem uma div de exemplo.
Agora, você precisa definir largura e altura dessa div no formulário;
Em seguida, na linha DIV CENTRALIZADA você clica no botão:
Rola com a página para que sua div mova-se junto com o rolar do documento
Fixa fixa ao rolar a página para que a div não se move mesmo rolando o documento

Se você quer definir manualmente o local que sua div vai ficar, faça o seguinte:

No formulário escolha a largura e altura para a div;
Agora, vá ao topo desse documento, e role a div para a posição que deseja que ela fique;
Assim que escolher a posição no topo desse documento, sem rolar a página, você pode copiar o código gerado na caixa abaixo para o seu HTML.
Obs.: Após posicionar a div, na linha DIV ARRASTÁVEL você pode clicar no botão Fica fixa na posição que eu deixei para que a div não se move mesmo rolando o documento.

Para esconder a div usando JavaScript, coloque esse código dentro dela:
<a href="#" onclick="document.getElementById('draggable').style.display='none'">Fecha</a>

Para esconder a div usando jQuery, coloque esse código dentro dela:
<a href="#" onclick="$('#draggable').hide()">Fecha</a>

Para que a posição fique mais ajustada, adicione a seguinte class abaixo a sua folha de estilo CSS.
html{height:100%;margin:0 0 0 0}


Largura
Altura
DIV CENTRALIZADA:  
DIV ARRASTÁVEL:
EXEMPLO