cross browser min-height CSS

Always forgetting the usefull tips I find and use every other day. Despite now using http://del.icio.us I still have an ocean of bookmarks.

notes to self

400 px element that will expand with more content:

#content {
height: 400px;
height /**/:auto;
min-height: 400px;
}

Problem

  1. IE does not recognise a min-height but will use height and expand as needed.
  2. Firefox will not expand with height

Solution

  1. Reset height to auto in Firefox with a hack

2 thoughts to “cross browser min-height CSS”

  1. This is the only CSS hack I use – and I use it almost everyday – and the thing is, I have some kind of mental blaock and just cannot remember the code.

Leave a Reply

Your email address will not be published. Required fields are marked *