I've just recently got involved with XHTML and CSS and I have a question. I could not find the answer anywhere in this topic.
I have a page with a 3-column layout (quite common :) and they are made up of DIV's. The middle column contains content from a database. The length of this content is not known on forehand, so I cannot set the height of this DIV. All 3 DIV's have repeating background images and the columns don't have a margin between eachother so the images touch eachother.
Now my question; How do I make sure that the 2 outer columns automatically adjust in height based on the content in the center column? So, the middle column grows and shrinks based on the amount of text and the 2 outer columns should be of the same height:
Declare the divs in the above order. The relative positioning of the center and bottom divs puts the bottom right below the center so it covers whatever part of the left and right divs would otherwise be visible below.
Oops. It only works if the content height is less than the page height.[/edit]