I am organizing my site to make it easier and faster to maintain. I keep a small version of my site on my laptop running Apache/PHP. I successfully organized and recoded things to the way I wanted. Upon uploading the file to my live site, I ran into several problems. One involves my layout.css file and how the formatting is being rendered in the HTML.
My pages have 3 column divisions: a center one for content, and left and right ones for ads. In my Apache laptop, the columns are rendered fine. But in the live site, the center column shifts to the left at the bottom of the ad. Playing with the height of the column helps for some pages. What I really need is a way make the left and right columns the same height as the center column. The 'auto' feature doesn't achieve that, as in
height: auto
.
Say the CSS code is as follows:
div.left {height: 250px}
div.right {height: 250px}
div.center {height: 750px}
Is there a way to extend the height of the left and right columns so they are automatically the same height as the center column? The height of the center column is determined by the amount of content.
Thanks in advance.