kjmaclean
05-26-2008, 05:10 PM
I have a 2 column liquid layout.
In the content column is my text. I have a simple Javascript text resize button that will increase and decrease the text size and it works fine.
In the CSS I have overflow: auto;
which pops up a scroll bar when the text overflows the window.
However, I have had to use a fixed width height to keep both columns the same height.
What I want to do is eliminate the fixed width column height, and have the container div expand when the font size increases.
I have seen this implemented on many websites, but have been unable to determine how it's done.
Any good references or hints on how to do this would be appreciated.
In the content column is my text. I have a simple Javascript text resize button that will increase and decrease the text size and it works fine.
In the CSS I have overflow: auto;
which pops up a scroll bar when the text overflows the window.
However, I have had to use a fixed width height to keep both columns the same height.
What I want to do is eliminate the fixed width column height, and have the container div expand when the font size increases.
I have seen this implemented on many websites, but have been unable to determine how it's done.
Any good references or hints on how to do this would be appreciated.