Pegar resolução da tela

[Matheus Rennê 0]

Salve pessoal,

 

Entendo pouco de javascript e preciso pegar a resolução do usuário para acrescentar alguns elementos CSS no site de acordo com a resolução.

Já pesquisei no google e aqui no fórum, mas não encontrei nada que resolvesse meu problema.

 

Meu código:

 

function resolucao(){
	w = screen.width;
	h = screen.height;

	container = document.getElementById("container");
	flash = document.getElementById("flash");
	
	if (w == 800 || h == 600){
		container.style.width = "780px";
		flash.style.padding = "180px 3px 110px 17px";
	}else if (w == 1024 || h == 768){
		container.style.width = "1000px";
		flash.style.padding = "180px 112px 110px 128px";
	}else{
		container.style.width = "1000px";
		flash.style.padding = "180px 112px 110px 128px";
	}
}
window.onload = resolucao;

Container e Flash são as ID's das divs que preciso alterar.

 

No firefox o código funciona sem problemas, mas no IE, tanto 6 como 7 não.

 

Um conhecido me disse que screen não funciona no IE.

 

Na barra de status do IE, fica com o sinal de alerta e ao dar dois cliques dá esse erro:

 

O objeto não dá suporte para a propriedade ou método.

 

Se alguém puder me ajudar. Agradeço.

[klaygomes 0]

Matheus,

 

Seu script não esta errado, seria possível você me mostra um exemplo da página (online de preferencia) para que eu tente lhe ajudar?

[Matheus Rennê 0]

klaygomes,

 

Segue o link do site aqui.