Click to See Complete Forum and Search --> : IE Min Height Problem


martinsandhu
10-05-2005, 03:11 AM
on a site im working there is a news box in the right corner. IN FF and Safari the min-height is recognised however IE ignores it. I have put in an IE Hack and have tried numerouse ways however the problem still occurs. The problem also has nothing to do with the php error im using this page to demo the problem.

LINKS

HTML: http://www.rocketss.com/v3/
CSS: http://www.rocketss.com/css/rss.css

CSS Code:

#squareRow1, #squareRow2 {
vertical-align: top;
border-left: 1px solid #b1ccd5;
border-bottom: 1px solid #b1ccd5;
height:auto;
height:120px;
min-height:120px;
}

* html squareRow1
{
height: 120px;
h\eight: 120px;
}

* html squareRow2
{
height: 120px;
h\eight: 120px;
}

David Harrison
10-05-2005, 08:05 AM
Try this:#squareRow1{
height:120px;
}

html>body #squareRow1{
height:auto;
min-height:120px;
}However that might crumble when IE7 is released because they plan to add support for the child selector. Instead you might want to consider adding an extra <div> to your markup, if you throw everything inside a <div> and then specify a fixed height with overflow:visible; on it that should do the trick.