# Please could someone help with a column resizing issue?

**URL:** <https://forum.kirupa.com/t/please-could-someone-help-with-a-column-resizing-issue/259224>\
**Category:** web dev\
**Created:** [May 2, 2008, 8:14am UTC](https://forum.kirupa.com/t/please-could-someone-help-with-a-column-resizing-issue/259224 "2008-05-02T08:14:39Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![uzilover](https://avatars.discourse-cdn.com/v4/letter/u/e8c25b/32.png) [@uzilover](https://forum.kirupa.com/u/uzilover)\
**Post date:** [May 2, 2008, 8:14am UTC](https://forum.kirupa.com/t/please-could-someone-help-with-a-column-resizing-issue/259224/1 "2008-05-02T08:14:39Z")

</div>

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:

```auto

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

```

The function is called on load.

The first line works fine, but it’s not assigning the value to the height of “sideBG”.

Please could somebody explain why this doesn’t work?

Thanks,  
Andy

If it helps, the CSS is:

```auto
#content_topBG {
    background: #000000 url('images/characterBG.jpg') top no-repeat;
    float:right;
    width: 648px;
    margin:20px 0 0 0;
    padding: 10px 0 0 0;
    border: 1px solid #330000;
}
#sideBG {
    float:left;
    width:250px;
    background: #000000 url(images/sideBG01.jpg) no-repeat top left;
    /*height:auto;*/
}

```