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 Responses to “cross browser min-height CSS”

  1. Flipflops

    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

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>