I have a top banner, two columns in the middle, and a footer. The left column left border won't extend to the bottom, how do I fix this? I tried googling the problem, but any information I have found hasn't been able to fix this problem as of yet. Solutions, input, advice? Help appreciated, thanks.
I'm going to punch you in the face for asking a question without providing any link/code/mockup, how do you expect one to solve this without looking at code? Anyway, You can probably solve this using faux columns, there is no easy way to get columns to be "equal height" and dynamic which is why many resort to the method of making a background image on the parent element that is a thin strip of graphic that will "simulate" the background going all the way down as if the column was equal height.
... as Soulscratch said, faux columns is probably your answer as in reality you cannot make two dynamic height containers auto match... and if faux columns ends up too much code or too big an image, then there's really only one answer... and your more rabid CSS zealots bleed from the ears every time you mention it. It's called a table.
YEs, I did the faux column. It worked out fine. BUT.... Now my form for my contact page is messed up in IE. Two of the input areas are a different color. When I refresh the page they are the correct color for a second, but change to a yellow color and I don't know why.
Yeah, going to have to see some code here. I do have a two column image-free "faux column" layout you can use if you like - I should write a tutorial on how to use it though.
Yeah without any code we can't help you at all, but I believe what you need is a container which and set the html to 100% in order for the container (and the contents) to extend downwards 100%. I'd suggest you google the term "100% css height" and you'll get some solutions. Otherwise post your code and we'll help you out.