Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

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

Posted on 2011-02-27
2
Medium Priority
?
233 Views
Last Modified: 2012-05-11
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!

Chris
0
Comment
Question by:St_Aug_Beach_Bum
2 Comments
 
LVL 16

Accepted Solution

by:
SSupreme earned 2000 total points
ID: 34992381
0
 

Author Closing Comment

by:St_Aug_Beach_Bum
ID: 35122969
Sorry I didn't get back sooner, I did end up with a js solution, seems to be working well, thank you!
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses

916 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question