Ajuste de Altura da Resolução de Tela jQuery

Para equilibrar melhor uma página em que estou trabalhando, gostaria de encontrar uma maneira de aumentar a margem superior de um DIV, dependendo da resolução da canvas. Qual é a minha melhor maneira de definir essas dimensões com jQuery ou Javascript?

Para obter resolução de canvas no object de screen uso do JS

 screen.height; screen.width; 

Com base nesses valores, você pode calcular sua margem para o que mais lhe convier.

Aqui está um exemplo de como centralizar um object verticalmente com jQuery:

 var div= $('#div_SomeDivYouWantToAdjust'); div.css("top", ($(window).height() - div.height())/2 + 'px'); 

Mas você pode facilmente mudar isso para qualquer que seja sua necessidade.

Outro exemplo para div centralizado verticalmente e horizontalmente ou qualquer object (s):

  var obj = $("#divID"); var halfsc = $(window).height()/2; var halfh = $(obj).height() / 2; var halfscrn = screen.width/2; var halfobj =$(obj).width() / 2; var goRight = halfscrn - halfobj ; var goBottom = halfsc - halfh; $(obj).css({marginLeft: goRight }).css({marginTop: goBottom }); 

Confira o plugin de dimensões do jQuery

 var space = $(window).height(); var diff = space - HEIGHT; var margin = (diff > 0) ? (space - HEIGHT)/2 : 0; $('#container').css({'margin-top': margin});