Search jQuery

jQuery Forum

How to make divs equal height within a main container?

in Using jQuery • 8 years ago

I am trying to make the divs within a main container have equal heights.I got this code from http://stackoverflow.com/questions/11688250/setting-equal-heights-for-divs-with-jquery.

Here is a fiddle:http://jsfiddle.net/g9g869ny/

I am also trying to make it responsive(from max-width upto 768px), so If the device width scales down, I would like the script to recalculate the Height for every/any change in the WIDTH of the device - is it possible to constrain it that way?

Please help.

Replies(2)

bennetonss

Re: How to make divs equal height within a main container?

8 years ago

so i got it working.

http://jsfiddle.net/k4j4or8s/1/

Can some one please explain what exactly is the difference between outerHeight vs height?

outerHeight Calculates - padding right?

kbwood.au

Re: How to make divs equal height within a main container?

8 years ago

From the documentation:

.outerHeight( [includeMargin ] ) Returns: Number

Description: Get the current computed height for the first element in the set of matched elements, including padding, border, and optionally margin. Returns a number (without "px") representation of the value or null if called on an empty set of elements.

.height() Returns: Number

Description: Get the current computed height for the first element in the set of matched elements.

Top Reply

Response title

Attachments

jQuery Forum

How to make divs equal height within a main container?

Replies(2)

Re: How to make divs equal height within a main container?

Re: How to make divs equal height within a main container?

.outerHeight( [includeMargin ] ) Returns: Number

.height() Returns: Number

Statistics

Tags

Actions