Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

What can I do to make the height of this div work out using CSS?

I'm working on a website that has a three-column layout with a header and a footer. The left column is used for navigation, and therefore always has the same content. The middle column, however, always expands to fit the content because some pages have more text than others. Since the left column has a background color, it's quite obvious when it stops and leaves a lot of whitespace between the bottom of the left column and the footer. Is there a way to get the left column to expand to its maximum height without specifying a separate height in pixels on each page?

I already tried the suggestions on this page

http://www.webmasterworld.com/forum83/200.htm

but they didn't seem to work, perhaps because I'm using a div to contain the three columns and not <body>. Any leads in the right direction would be appreciated.

2 Answers

Relevance
  • Anonymous
    1 decade ago
    Favorite Answer

    I could pretend I am super smart, and copy paste these nice tutorials... but well, it works fine for me so thank the author ;)

  • 1 decade ago

    Use a spacer (a transparent .gif) the height you need to space. :)

Still have questions? Get your answers by asking now.