Using Javascript with Drupal

Question

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.

P.S. It sounds like you might need to use max-height instead of min-height. — Nightfirecat
– Nightfirecat, Commented Oct 23, 2011 at 2:17

daggerhart · Accepted Answer · 2011-10-23 19:10:42Z

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
  }
});

answered Oct 23, 2011 at 19:10

daggerhart

4915 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jezen Thomas · Accepted Answer · 2011-10-23 11:21:53Z

0

You're going to have to edit some template files, such as those for the site's header and footer. In those, it sounds like what you really want to implement is a CSS Sticky Footer.

You can get one of those here: http://www.cssstickyfooter.com/

answered Oct 23, 2011 at 11:21

Jezen Thomas

13.8k7 gold badges55 silver badges95 bronze badges

Collectives™ on Stack Overflow

Using Javascript with Drupal

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related