Home/ Questions/Q 7901297
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T09:11:04+00:00

I am trying to resize a div onload without having a javascript function in

  • 0

I am trying to resize a div onload without having a javascript function in the header. So far my code looks like the code below, and while I am somewhat familiar with javascript, I am very much so a beginner.

What I am wanting to do is take a div that has a height set in the stylesheet of 100%, and subtract 60px of height on load. Am I even close, or am I lost?

EDIT: I would not be opposed to other methods of doing this. I just don’t know of any other way.

<div id="pageContent" onload="document.this.style.height = clientHeight - '60px';">
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I have used jQuery, as detecting window height is prone to cross-browser compatability issues. It is good practice to keep clear seperation of markup, css style, and JavaScript functionality.

    Here is a coded example of what I believe you’re trying to achieve:

    http://jsfiddle.net/AKmaB/2/

    For if you haven’t used jQuery before, make sure you include this before any of your other JavaScripts within your web page source:

    Inclusion of jQuery

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    • 0