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:

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: , ,


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  
Blogger Suseela Susiee said...

Everything is fine, am happy about your blog. Thanks admin for sharing the unique content, you have done a great job I appreciate your effort and I hope you will get more positive comments from the web users.

SEO Company in Chennai

June 11, 2016 at 5:47:00 AM PDT  
Anonymous Obat Telinga Berdengung said...

I’ve read some good stuff here. Definitely worth bookmarking for revisiting. I surprise how much effort you put to create such a great informative website
Cara Mengatasi Telinga Berdengung

November 15, 2016 at 10:57:00 PM PST  
Blogger for IT the said...


March 25, 2018 at 1:28:00 AM PDT  
Blogger Patrick Co Eban said...

Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from HTML5 CSS3 Javascript Online Training from India . or learn thru HTML5 CSS3 Javascript Online Training from India. Nowadays JavaScript has tons of job opportunities on various vertical industry. HTML5 CSS3 Javascript Online Training from India

April 2, 2018 at 4:18:00 AM PDT  
Blogger Segmentweb Industries said...

Hello There,
Really amazing thoughts. very cool blog you have.
I am impress with your website. Good Website.

visit - best Logo Designing Company in Jaipur | Logo Designer in Jaipur

March 10, 2019 at 1:59:00 PM PDT  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home