IE6最小高度困境

这里是我的地盘： http://smartpeopletalkfast.co.uk/ppp/home-page.html IE6最小高度困境

我想输入的形式是相同的高度按钮他们的权利。我已经使用最小高度值完成此操作，因此如果文本大小设置为大于此高度，页面仍然可用。

问题是IE6无法识别最小高度。我可以设定一个固定的高度，但我担心用户调整文本的大小。由于这只是一个美容问题，我只是想离开这个。

有什么建议吗？感谢

来源

2011-03-18 Evans

uhm，仍然支持IE6，微软告诉我们请停止使用IE6（http://www.theie6countdown.com/） – jao 2011-03-18 14:31:54

，但仍在使用：http://www.w3schools.com/browsers/browsers_explorer。 asp – Evans 2011-03-18 14:40:50

_不支持IE6，它应该死掉！ – Kyle 2011-03-18 14:41:48

如果问题确实是刚开min-height在IE6下工作，使用的Min-Height Fast Hack：

selector { 
    min-height:500px; 
    height:auto !important; 
    height:500px; 
}

它已经存在很长一段时间，所以这对任何人保持你的CSS在未来很容易辨认。

来源

2011-03-18 14:36:48 thirtydot

http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer/ – Evans 2011-03-18 14:42:06

我再次检查过，是的，它似乎工作。不知道我第一次做了什么。谢谢 – Evans 2011-03-18 19:20:21

注意这些行的顺序有其重要性，不应该改变。 – 2015-05-19 05:43:08

-2

谢谢你的帖子三十。我已经看到了解决方案，但它并没有为我工作，它将固定高度设置为非最小值。

我已经用下面的解决方案完成了它，并且只为了好的措施加载了IE6的CSS。它适用于计算机IVE测试了，我只希望它适用于所有IE6的计算机：

http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer/

感谢

来源

2011-03-18 14:43:44 Evans

这不如我的建议。它依赖于表达式，这会降低性能（http://code.google.com/speed/page-speed/docs/rendering.html#AvoidCSSExpressions）（在这种情况下，这只是一个小数目）。当JavaScript被禁用时，它也不起作用，而我的将会。如果我的建议不适合你，你可能会使用它 - 它确实有效。 – thirtydot 2011-03-18 14:45:43

不是我的失望，但我可以看到你为什么得到一个。 – thirtydot 2011-03-18 14:55:54

“表达”是魔鬼的工作！但是，严重的是，如果首先你打算支持IE6，现在你开始使用'表达式'，那么你的技能已经开始倒退了。 – 2011-03-18 15:02:27

请允许我向一个不同的方法。这是你的目标，如下所示：

我希望输入窗体的高度与右边的按钮高度相同。

再加上，允许文字大小调整的条件，如规定：

仍然是可用的，如果文本大小设置为大于该高度

知道了，我的建议是把高度放在新兴市场。使用EM定义输入和按钮的容器高度，然后将输入和按钮的高度设置为100％。这样，当用户重置他们的字体大小（从最小到最大）时，容器将会增长和缩小，并且输入/按钮将随着它们的增长而缩小。

我嘲笑了一个简单的例子，在以下网址：http://jsbin.com/oguze5/2/edit

事情需要为造型的目的而改变，但总的想法/概念是相当完善的。

来源

2011-03-18 14:57:17 RussellUresti

我喜欢你的解决方案，但我的'去'按钮是一个图像，所以我想这不会工作我。谢谢 – Evans 2011-03-18 19:12:53

您可以将图像设置为按钮元素的背景图像。 – RussellUresti 2011-03-19 21:10:27

在Internet Explorer 6中，height被视为min-height，并且不支持min-height。

所以你可以编写一个只针对IE6的规则来解决这个问题。比方说，你具备以下条件：

#navigation .nav-menu-item { 
    min-height:50px; 
}

为了在IE6，您可以添加只有IE6将认识到，第二条规则同样的效果。我倾向于使用the star HTML hack：

#navigation .nav-menu-item { 
    min-height:50px; 
} 
* html #navigation .nav-menu-item { /* for IE6 */ 
    height:50px; 
}

你可以阅读更多here。

来源

2011-03-18 15:00:24

+1因为它有效，但我认为你的意思是在最后一条规则中的“高度”。 – thirtydot 2011-03-18 15:06:53

@thirtydot - 是的！接得好;我已纠正它。 – 2011-03-18 17:41:44

当我将这个解决方案应用到窗体上时，为了测试，我将高度和最小高度设置为1px。从你的帖子我会认为，表格应该保持在大于1px的原始高度，但实际上缩小到1px。 – Evans 2011-03-18 19:11:29

IE6最小高度困境

回答

相关问题