Equal module height?

Is there a way to make sure each module on my main page is of equal height? I don't see an option for it in the template settings, and want to make sure I do it correctly

thanks!

Hi
I suggest make new suffix and give it some height in px. Then add suffix to modules.

The best solution is create own suffix with "min-height" css property or with bottom padding.

How to do that?

Hi

What he means is that you can create some height classes and apply the suffix it on each module.

For example:

Code: Select all

.max-height100 .moduletable_content {max-height: 100px;}
.max-height150 .moduletable_content {max-height: 150px;}
.max-height200 .moduletable_content {max-height: 200px;}
.max-height250 .moduletable_content {max-height: 250px;}


If you add "[space]max-height100" suffix to the module, it will not pass thought 100px.

cheers