Posted by shenagarg on September 21, 2012 at 10:46am
I have a div having three parallel blocks of width 33%.
These blocks are of variable height also height is not known since block content is fetched from views module.
I am using background color property for block content. Because of variable height, blocks are not looking good.
How can i make blocks of same height without mentioning a number for height of blocks since it is not known.
Thanks
Comments
solutions
You have many complicated css solutions here
http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-cs...
Or very quick jquery solution here
http://www.broken-links.com/2009/01/20/very-quick-equal-height-columns-i...
As you like :)
Well, if your depth of even
Well, if your depth of even one block is unknown and could be much deeper than the others, the blocks still won't look great. I would suggest that you set each with an appropriate depth, and use
overflow:scroll.