Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to make div work for 100% height and not only for iframe?

How to make div work for 100% height and not only for iframe?

Problem

I have a layout with a 100% Height for the content area. The problem is that it makes an iframe work perfectly for 100% height, but I cannot get it to work for a regular div. Is there a way to make the height 100% for the div? The white area should be filled with a black area but it does not. Any help would be greatly appreciated.

http://jsfiddle.net/mp8nr/1/

Problem Courtesy of: TruMan1

Solution

It would work if you set the height of .inner-content to 100% too:

.inner-content {
    margin-bottom: -109px;
    padding-top: 109px;
    height: 100%;
}
Solution courtesy of: this.lau_

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

How to make div work for 100% height and not only for iframe?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×