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

11 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 Suseela 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 ict 99 said...

great

March 25, 2018 at 1:28:00 AM PDT  
Blogger Unknown 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