Post's Left Border doesnt go Full height of the Page

Try googling on “css faux columns”.

Thank you for the response… After glancing at a few pages describing liquid columns, and realizing each of them seemed to require a thesis and full evaluation on how they work, I figured I’d take one more look at my CSS to see if there was a simpler solution.

What I ended up doing was:

1. Taking a print screen of my current layout
2. Pasting into Adobe Fireworks
3. Measuring the distance from the top of my sidebar, down to the footer (in pixels)
4. Found the “container” in my CSS code, and changed the height to match the pixel measurement from step 3.

EDIT:

Turns out that setting the container to that measurement locks the footer to that height, even if the pages are longer… attempting to fix that now.

What I ended up doing, is for all pages that came up shorter than the sidebar, I put the content within divs and created an outer div container class with a height to stretch down to the bottom of the sidebar. This way, the content never comes up short, and anything that doesnt need it, I just dont apply that custom class.

Speaking of my site though, does anyone know why it auto-generates that little gray line at the top right of my header/banner?

I checked my CSS, and there is nothing generating a line of that color…

I can’t see a grey line.

In the top center of my page, right below the header, see the houses?

Click the white house and the gray house to change the colors, sorry i forgot to mention that.

Then the gray line will appear at the top right of the banner on those.

My guess is that it’s an artefact from your image map which is, in turn, inside a table.