Question

I have a website, http://raptorshop.com

Currently, I have set the CSS to have a min-height of 700px, however I would like for every page to automatically note the size of the browser, and resize accordingly (so that the footer has about 50-200px depending on browser size, but nothing more). Currently, if you browse to the site on a small monitor, it gives a scroll, which I do not want.

Is there a way to do this in Drupal? I know how to do it for individual pages, but I want every page to do this sort of automatic check/resize.

Answer 1

You can check the window height with jquery pretty easily, then change the css as needed.
An example:

$(document).ready(function(){
  if ($(window).height() < 700) 
  {
    // this window is smaller than 700px 
  }
  else
  {
    // this window is bigger than 700px
  }
});