A common problem I experience in making two column designs is that because I also utilize a header/footer approach one of the columns always ends up bleeding through and under the footer.
<div style='position: absolute; '>
<div style='position: relative; left: 50%; width: 50%'>
If Left Column
is now greater in content than Right Column
because of the absolute
identifer the content doesn't "push" the DIV down to reflect it's content. However Right Column
because it's relative
does adjust as expected. I have tried wrapping the two DIV's inside a container DIV but that doesn't work. I was sure I seen a CSS property which "cleared" some attribute and forced the DIV to adjust.
I'm not sure if the right DIV can be a child of the other or visa-versa as one of the columns is being added programatically...if that makes anysense...so ideally I need a layout which is dual sibling DIV's which render nicely as expected...