I'm creating a pedigree template with Panels which is going to be filled with node-references. (look at attachment)
I'm trying to have the regions in each row vertically centered instead of aligned to the top, so that the children would be in the middle of their parents . I thought I can do it with css, but I have a hard time to figure out the classes with firebug! Eventually I need the first 3 rows from the left vertically centered. Any suggestions on how to do it?

Thx
Qriz

CommentFileSizeAuthor
pedigree.JPG51.36 KBqriz

Comments

merlinofchaos’s picture

merlinofchaos commented
Status: Active » Closed (won't fix)

Unfortunately, vertical alignment in CSS is really hard. I am not enough of a CSS expert to be able to tell you how to do this.

I usually do it by creating rows, that way the size of the content within the row isn't really an issue. You'd be best off googling for vertical alignment tips.