[Resolvido] Div dinamica se comporta diferente

[rafah 0]

Olá pessoal, eu estou criando uma pagina de envio de email parecido com a do gmail, em que se começa a digitar e aparece uma lista dos emails que começam com aquela letra. Essa parte já está pronta, só estou tendo dificuldade com o posicionamento da caixa onde aparece os emails. No ie7 e no Opera ela aparece onde eu quero, embaixo da caixa de texto onde se digita o email. Mas no Firefox e no Chrome ela aparece no topo da pagina.

 

Função que cria a caixa:

 

function criarDivDropDown()
{
	div_dd = document.createElement("div");
	
	div_dd.setAttribute("id", "div_dd");
	div_dd.style.position = "absolute";
	div_dd.style.styleFloat = "left";
	div_dd.style.backgroundColor = "#FFFFFF";
	div_dd.style.border = "solid 1px";
	div_dd.style.borderColor = "#666666";
	
	div_dd.style.width = 350;
	div_dd.style.top = 160;
	div_dd.style.left = 94;
	
	div_dd.style.textAlign = "left";
	
	obj_body = document.getElementById("body_id");
	obj_body.appendChild(div_dd);
}

Mudar o valor de top não muda nada no Firefox e no Chrome, só muda no Ie7 e no Opera. É como se eu estivesse usando um comando não suportado. Mas eu nao sei qual outro comando usar.

[William Bruno 1501]

Sempre declare as unidades trabalhadas..

div_dd.style.width = 350px;	div_dd.style.top = 160px;	div_dd.style.left = 94px;

Vi que você usou absolute. O elemento pai, tem pelo menos um relative?

Teria como colocar on line para que vejamos isso?

[rafah 0]

Coloquei os valores deste modo:

 

div_dd.style.width = "350px";

div_dd.style.top = "160px";

div_dd.style.left = "94px";

 

E funcionou. Valeu!

Sabia que estava faltando algo..