Okay, I've got a containing block which contains two other inline blocks - left and right.
The containing block has a height of 100% and its overall height is ultimately defined by the height of the content contained within the right child block.
What I need to do is make the left child block the same height as the right child block and I do not want to use any set numerical height such as 500px. The reason for this is that the right side block will increase its height if users change the font size. I want the left block height to expand along with it because it contains a background that I want the same height as the right child block.
Any tricks to get what I want accomplished? You cannot use anything like height: 100% in the child block, doesn't work, and using a percentage for padding-bottom is the percentage of the width of the containing block, so that doesn't help either.
I'm trying to use nothing but CSS these days but it's times like these that make me want to go back to using tables.
The containing block has a height of 100% and its overall height is ultimately defined by the height of the content contained within the right child block.
What I need to do is make the left child block the same height as the right child block and I do not want to use any set numerical height such as 500px. The reason for this is that the right side block will increase its height if users change the font size. I want the left block height to expand along with it because it contains a background that I want the same height as the right child block.
Any tricks to get what I want accomplished? You cannot use anything like height: 100% in the child block, doesn't work, and using a percentage for padding-bottom is the percentage of the width of the containing block, so that doesn't help either.
I'm trying to use nothing but CSS these days but it's times like these that make me want to go back to using tables.
