Contact Us

|

FriendFeed FriendFeed

|

follow us on twitter Twitter

|

 Rss Feed

|

Favorites Add to Favorites

Monday, June 22, 2009

How to have div min height

Basically when you specify a height to a div, ie6 will take it as minimum height. But ie7, firefox, chrome and modern browser will treat as height. So here is a simple way to have minimum height to all web browser.

Css Code:
.test{min-height:50px;height:auto!important;height:50px;}

For example, if you want to give 50px height to a div, Use the above code will work fine. That after 50px the height of the div will automatically expands.

Labels: , ,

10 Comments:

Blogger despo said...

This does not work for IE6.
I had to override the min-height on IE6 by using _min-height:inherit;

Also, on IE7 even though min-height is meant to be supported I could only get it to work if I defined both height and min-height...

December 3, 2009 at 3:41:00 AM PST  
Anonymous Anonymous said...

replace height:50px => _height:50px. this will solve your issue

January 18, 2010 at 2:37:00 AM PST  
Anonymous Anonymous said...

Thanks it helped me out lots

August 18, 2010 at 3:23:00 AM PDT  
Anonymous Anonymous said...

Wow! I was just not looking for the right keyword. But I found this page when I searched for minimum height div. Great help. Thanks guys.

October 10, 2011 at 11:00:00 PM PDT  
Anonymous Anonymous said...

Thank You so much.....
It was really cool.:)

January 5, 2012 at 1:08:00 AM PST  
Anonymous Omega softwares said...

This is very useful code. Thank you for sharing with us :) Web Designing in Mumbai

December 29, 2014 at 12:23:00 AM PST  
Anonymous Omega softwares said...

Good one ........i really like this post.
Website Maintenance and
Website Development in Mumbai

December 29, 2014 at 12:55:00 AM PST  
Blogger Omega software said...

This post is very helpful, edifying and in addition cool thoughts on the topic. It's very encouraging to find this site, can't wait to check out new stuff you post. CMS website development company || Web Designing || Website Development

January 7, 2015 at 11:58:00 PM PST  
Blogger Omega software said...

Nice information, many thanks to the author. It is incomprehensible to me now, but in general, the usefulness and significance is overwhelming. Thanks again and good luck. Website Development in Mumbai || CMS Website Developer || Website Maintenance in Mumbai

January 7, 2015 at 11:58:00 PM PST  
Blogger Albert Andrada said...

Really Nice Information,Thank You Very Much For Sharing.
Wordpress Development Company

May 6, 2015 at 8:22:00 AM PDT  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home