How make equal height div with jquery matchHeight js?

How make equal height with jquery.matchHeight

Hello guys, we come back again with topic How make equal height div with jquery.matchHeight.js
sometime we need setting height div for same height, but all not enough with css only.
The problem like this:

bg-not-equal-height

We can see, the height see not good, what the solution to fix it?
is easy we just use jquery.matchHeight.js,you can download all file here
https://github.com/liabru/jquery-match-height

See how others are using jquery.matchHeight.js

solution-title

I try to use this code with easy step:
1.Make file html for run all code

2.Create style css for style your project

bg-1-step-equal-height

3. Donwload Jquery

bg-2-step-equal-height

4.Download jquery.matchHeight.js

bg-4-step-equal-height

5.And make one file js for you code(Themes.js)

in Themes.js you must add code to implement parameters jquery.matchHeight.js ;), code like in pciture bellow

bg-5-step-equal-height

if all ready refresh again your project, you can see plugin jquery.matchHeight.js in running now !!

you can see bellow picture , same height very nice

bg-6-step-equal-height

you can download this code here
make it easy.I hope this article can help you to make easy equal height for div.

Thanks.

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s