Skip to Content
0
Jun 19, 2009 at 08:36 AM

Matrix layout: Spacer that adapts to different font sizes in browser

48 Views

Hi experts,

in a view of my web dynpro component I'm having two groups with matrix layout.

These two groups should look like this:

========== ========== ! group1 ! ! group2 ! ========== ========== ! line 1 ! ! line 1 ! ! line 2 ! ! line 2 ! ! line 3 ! ! ! line 4 ! ! line 3 ! ========== ==========

The challenge: Line 3 of the second group should have exactly the same vertical

position as line 4 of the first group.

Currently I'm using an invisible element and set the height of the empty line to 21px,

but if the user sets another font size in his browser, the last lines are no longer on the

same vertical position.

Is there a solution for this problem?

Regards,

Karsten