• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 250
  • Last Modified:

CSS: can't give divs to extend to bottom of it's containing div

I'm having trouble with div height. I have a three column layout and an overall 'main' div they are in. Each div has a border around it. I can't get the enclosed divs to extend all the way down and end evenly.

Please see this example: http://www.sure-start.com/sample.html 

and if you can help, please view source code (the css is on the page) and let me know what I can do.

I have looked this up online and have tried 'height:100%' to html, body, main, and the divs in question. It didn't seem to help.

Appreciate any assistance!

1 Solution
St_Aug_Beach_BumAuthor Commented:
Sorry I didn't get back sooner, I did end up with a js solution, seems to be working well, thank you!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now