May 21, 2010 #1 TurboSRT4 Programmer Nov 23, 2009 47 US Hello i have a problem but not a major issue, so far it its my only real hold up in making my site cross compatible. css min-height just does nothing in IE is there a simple solution. I have googled the issue but nothing has worked. thanks you
Hello i have a problem but not a major issue, so far it its my only real hold up in making my site cross compatible. css min-height just does nothing in IE is there a simple solution. I have googled the issue but nothing has worked. thanks you
May 30, 2010 #2 BillyRayPreachersSon Programmer Dec 8, 2003 17,047 GB The easy solution: Code: yourSelector { min-height: 20px; _height: 20px; } Obviously, you can break out the _height into a < IE7 style sheet (using conditional comments) to stop validation issues. Basically, IE6 and below treat "height" as "min-height" - UNLESS you have overflow set to hidden. Hope this helps, Dan Coedit Limited - Delivering standards compliant, accessible web solutions Dan's Page [blue]@[/blue] Code Couch: http://www.codecouch.com/dan/ Code Couch Snippets & Info: http://www.codecouch.com/ The Out Atheism Campaign Upvote 0 Downvote
The easy solution: Code: yourSelector { min-height: 20px; _height: 20px; } Obviously, you can break out the _height into a < IE7 style sheet (using conditional comments) to stop validation issues. Basically, IE6 and below treat "height" as "min-height" - UNLESS you have overflow set to hidden. Hope this helps, Dan Coedit Limited - Delivering standards compliant, accessible web solutions Dan's Page [blue]@[/blue] Code Couch: http://www.codecouch.com/dan/ Code Couch Snippets & Info: http://www.codecouch.com/ The Out Atheism Campaign