dynamic column resizing

[uzilover]

Hi,

I'm very much a novice with scripting, and I'm trying to resize a column's length to match the main content column.

After much playing, I've come up with this:

Code: Select all

function matchHeight(){
    var bigColumnHeight=document.getElementById('content_topBG').offsetHeight;

    document.getElementById('sideBG').offsetHeight=bigColumnHeight;
        
}

The function is called on load. Please could somebody explain why this doesn't work? It's the assignment that I'm having trouble with.

Thanks,
Andy

[uzilover]

Please help. I expect to feel daft, so be honest. What have I missed?

[uzilover]

Now I'm trying with:

Code: Select all

function matchHeight(){
    var bigColumnHeight=document.getElementById('content_topBG').offsetHeight;
    newHeight=(bigColumnHeight-750);
    document.getElementById('sideBG').style.height=newHeight;
}

Please help.

[aso186]

1. Check your ID's in your HTML match (remember they're case sensitive)

2. Check the function is actually loaded and the height value is correct - use;

Code: Select all

alert(newHeight);

at the end of your function. If you get no message box when you load the page, something's wrong with your onload function.

3. Using Firefox? Got Firebug or the Web Developer Toolbar? You can use these to check if there's an issue with your JavaScript.

4. This is the most useful - with the web developer toolbar you can view the generated source (the HTML generated with JavaScript) and see if your styles are actually being set.