Solved

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

Posted on 2011-02-27
2
214 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

[Live Webinar] The Cloud Skills Gap

As Cloud technologies come of age, business leaders grapple with the impact it has on their team's skills and the gap associated with the use of a cloud platform.

Join experts from 451 Research and Concerto Cloud Services on July 27th where we will examine fact and fiction.

Question has a verified solution.

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

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article discusses four methods for overlaying images in a container on a web page
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…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses

624 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