Admin Forum:Resize to maximum element

I have a series of inline-tables, like these:

The header cell's height can be various, so I want to make all the table (basically the captions) the same, equals to the maximum height of the series. I cannot wrap them under a container, or rather the tables are on more then one line, like this:

So I cannot find a solution with CSS only, how can I do it with JS?


 * This is about creating a template isn't it? If so, there's an extension named ImageSizeInfoFunctions which is apparently enabled on some Wikia wikis. If you can convince Staff to enable that extension for your wiki as well, you can solve this without JavaScript.


 * For a JavaScript solution you should use jQuery's height and css methods. --


 * I see, you've edited your code. So it's not the images that are causing problems but the text that accompanies them. Is that right? --


 * That's right, the images are all set to a fixed dimension, it's the caption that can cause troubles. Of course I can set an height tall enough for displaying two lines, for example, but I don't know if there will be captions longer. I just would like to have more solutions to choose from. I already saw those jquery functions, but I did not understand how I can search and store the height of the tallest caption...

If you assign all cells a fixed width and give them a common identifier - let's say a class named "stretchable" - then you could do it like so:

(untested) --

It works (better with ). Can I make it works differently for each tables? For example, if I have a situation like this: table.main tr td table.stretchable table.stretchable table.stretchable /td /tr tr td table.stretchable table.stretchable table.stretchable /td /tr /table Maybe it's better for each group to have its own max height. Last thing, do I need to make some corrections for monobook? Anyway it works fine even like this, thank you.