I've a problem I am not sure how to tackle.
We have a floated menu element on the left hand side and a content section with a margin to positioning it correctly encompassing the center to the right of the page. Both menu and content are in a containing div called main.
I want the following logic to apply.
1>IF the menu is higher the height of the content should expand to match it. So that the borders align.
2>IF the height of the content is higher the height of the menu should expand to match it. So that the borders align.
Test page showing problem (1>)here:
Test page showing problem (2>)here:
All CSS is linked to from the pages above.
I know that table cells in a row would behave this way but I am avoiding using tables for the layout, for obvious reasons, alongside the fact I am curious to see how/if CSS can be used to tackle this.