I use overflow:hidden on my column wrapper. On my columns I have padding-bottom: 20000px and margin-bottom: 20000px. I do this so borders go all the way to the bottom.

 

The problem is if I have a link that has an id to scroll to it cuts some of the page off. Is there anyway I can fix this?

 

Sorry it's hard to explain the problem.

 

http://tinyurl.com/6b2c7a

What happens when you remove the overflow, padding and margin?

 

I'm intrigued as to what you're trying to achieve

I use overflow:hidden on my column wrapper. On my columns I have padding-bottom: 20000px and margin-bottom: 20000px. I do this so borders go all the way to the bottom.

 

Need a little clarification as to what you're trying to do here. Generally, you shouldn't need to set values for things like margins so high.. it'd suggest that whatever you're trying to do, you're using the wrong approach. If you give a bit more detail about what you're after, someone may be able to point you in the right direction.

I want the vertical borders of each column to stretch all the way to the bottom. On my hunt for a fix I came across somewhere that describes the same technique easier than I can.

http://www.positioniseverything.net/articl...out/equalheight

 

I think I have come across a solution too.

http://www.positioniseverything.net/articl...lheightproblems

 

Just going to give it a go.

Ugh, still not resolved. Anybody got any ideas?

Ugh, still not resolved. Anybody got any ideas?

 

For making Columns height equal, you need to use a js. There is a script along with its demonstration Checkout Here