Posicionamento de menu flutuante
Olá Pessoal,
Estou precisando posicionar uma div flutuante, porém o código original permite apenas posicioná-lo determinando o afastamento do topo e esquerda através de pixels e além disso, se é visualizado em uma resolução diferente da resolução em que foi configurado ele fica desalinhado na página. Como posso definir que ele fique na mesma posição independente da resolução em que está sendo visualizado? Se eu definir em porcentagem resolve? Como fazê-lo? Segue ul link para visualizar como está posicionado em 1024 x 768: http://m-arnaud.com.br/default4.asp Obrigado
<div id="divTopLeft" style="position:absolute">
O CONTEÚDO FICA AQUI!
</div>
<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
var el=d.getElementById?d.getElementById(id):D.all?d.all[id]:D.layers[id];
var px = document.layers ? "" : "px";
window[id + "_obj"] = el;
if(d.layers)el.style=el;
el.cx = el.sx = sx;el.cy = el.sy = sy;
el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
el.floatIt=function()
{
var pX, pY;
pX = (this.sx >= 0) ? 0 : ns ? innerWidth :
document.documentElement && document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth;
pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop;
if(this.sy<0)
pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight;
this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
this.sP(this.cx, this.cy);
setTimeout(this.id + "_obj.floatIt()", 10);
}
return el;
}
JSFX_FloatDiv("divTopLeft", 119,192).floatIt();
</script>Discussão (2)
Carregando comentários...