最小宽度在MSIE 6

Question

什么是权威在Internet Explorer 6中模仿CSS属性最小宽度的方法？最好不要尝试？

Answer 1

foo { min-width: 100px }  // for everyone 
* html foo { width: 100px } // just for IE 

（或服务使用conditional comments一个单独的样式表IE）

Answer 2

做你的css标签为_Width：500px或其他。

Answer 3

这工作得很好......

div.container { 
    min-width: 760px; 
    width:expression(document.body.clientWidth < 760? "760px": "auto"); 
} 

Answer 4

This article的CSS播放，由斯图尼科尔斯，显示了不同的方法在IE中实现最小宽度，在所有模式下（怪癖等），甚至IE/Mac。

Answer 5

你可以使用一个表达式（如HBoss所建议的），但是如果你担心性能，那么最好的方法是在要应用最小宽度的元素内添加一个垫片。

<div id="container"> 
    The "shim" div will hold the container div open to at least 500px! 
    You should be able to put it anywhere in the container div. 
    <div class="shim">&nbsp;</div> 
</div> 

#container .shim { 
    width: 500px; 
    height: 0; 
    line-height: 0; 
} 

这需要一点点的非语义标记，而是一个真正的跨浏览器解决方案，不需要使用表达式的开销。

Answer 6

Min-height fast hack作品对我来说（也适用于宽度）

Answer 7

使用条件注释引用和MSIE 6特定的样式表，然后如下创建CSS。

兼容的浏览器将使用：

min-width: 660px; 

然后MSIE 6将使用：

width: expression((document.body.clientWidth < 659)? "660px" : "auto"); 

Answer 8

我已经在过去的一个月这里给出的每一个答案拨弄。在玩Pretaul的方法（Min-width in MSIE 6）后，它似乎是最小宽度的最佳选择。没有任何黑客或任何东西，只需将需要30秒执行的兼容CSS代码直接上架即可。

从谷歌搜索，表情似乎是最流行的。无论如何，我打算随机锁定我的浏览器（包括IE和FF）。

Answer 9

垫片示例适用于在容器达到一定大小时强制浏览器显示水平滚动条，但您会注意到容器中的内容仍会随着窗口变小而调整大小。我想，努力实现最小宽度在IE 6

Incomplete min-width technique http://www.mediafire.com/imgbnc.php/260264acec99b5aba3e77c1c4cdc54e94g.jpg

时，这是不是整体的目标。此外，使用表情和其他疯狂的CSS黑客只是没有很好的做法。他们不安全和不洁。这个article解释了CSS黑客的告诫，以及为什么他们应该完全避免。

我个人认为scaryjeff的帖子是在IE6中实现真正最小宽度的最佳建议，作为一名经验丰富的CSS布局开发人员，我还没有找到适用于此类问题的更好解决方案。

这article上CSS播放，由斯图Nicholls的，示出了用于实现IE最小宽度，在所有模式（怪癖等），甚至用于IE/Mac的不同的方法。

我已经提供了一个类似问题的答案，详细介绍了使用这种技术来正确实现最小宽度。可以看这里：

CSS: Two 50% fluid columns not respecting min width

该技术是可以在几乎可以使用任何情况下简单，有效的CSS。应用于上面的垫片示例，它会导致我认为是正确的最小宽度功能。

Correct min-width technique http://www.mediafire.com/imgbnc.php/a67b2820bfbd6a5b588bea23c4c0462f4g.jpg

Answer 10

我不知道，我已经取得了一些成功：

min-width: 193px; 
    width:auto !important; 
    _width: 193px; /* IE6 hack */ 

达斯汀·迪亚兹”最小高度的组合快速破解& How do I specify in HTML or CSS the absolute minimum width of a table cell

Answer 11

单线按钮

button{ 
background-color:#069; 
float:left; 
min-width:200px; 
width:auto !important; 
width:200px; 
white-space: nowrap}