Solved

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

Posted on 2011-02-27
2
207 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 500 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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

760 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now