Search jQuery

jQuery Forum

Using jQuery

iberomedia

offsetHeight vs .height() and/or .outerHeight();

in Using jQuery • 11 years ago

I would like to set the height of an element relative to another element's height.

When I use javascript code:

document.getElementById("frontPanel").style.minHeight = document.getElementById('rightBody').offsetHeight+"px";

I achieve the desired effect; that is, "frontPanel" to be as large as the "rightBody" div

But if I use either of jQuery's methods .height or outerHeight on the

jQuery(document).ready( function() {
jQuery("#frontPanel").height( jQuery("#rightBody").height() );
...

...
jQuery("#frontPanel").height( jQuery("#rightBody").outerHeight() );
...

the div #frontPanel is always smaller than the whole rightBody.

Any pointers?

Small Business Web Design | Web Design | Small Business Web Design Los Angeles | Web Design Los Angeles

Replies(2)

jQuery_be..

Re: offsetHeight vs .height() and/or .outerHeight();

11 years ago

Hi iberomedia:

Sorry I can't see a problem from this only guess. Can you please post a link?

Let me know!

PrasadGok..

Re: offsetHeight vs .height() and/or .outerHeight();

7 years ago

Hey

Can you check the code also putting in the "load" event because at the time jQuery(document).ready fires the Images in the div must not be loaded. So you need to recalculate the Height/outerHeight again after all the images/ fonts loaded

Just put your code again in load event

jQuery(window).load( function() {
jQuery("#frontPanel").height( jQuery("#rightBody").height() );
});

Top Reply

Response title

Attachments

jQuery Forum

offsetHeight vs .height() and/or .outerHeight();

Replies(2)

Re: offsetHeight vs .height() and/or .outerHeight();

Re: offsetHeight vs .height() and/or .outerHeight();

Statistics

Tags

Actions