IE6 vs. 3-Column Layout
css, equal height, 3 columns layoutA client reported a strange issue with IE6 and the 3-column equal height layout method I was using.
Many IE6 users saw the content page shifted over to the right, leaving the left half blank. It does not recover until they click to go to another page and refresh could either cause or correct the problem. So, I needed to find a more stable solution.
What I found this the equal height solution form Ed Eliot. Not only the code is clean and simple, each column can have it’s own color, and a border on each side of the center column. Since he uses the bottom padding to achieve the result, the only thing I couldn’t do is put a horizontal space before the footer, but I am sure most users will never notice it.
Now, I am waiting to see if my client hear more complaints about this.
(if you are using this with WordPress where comments are allowed, please see this update)