MSIE 6中的最小宽度

时间:2008-09-18 14:52:26

标签: css internet-explorer internet-explorer-6

在Internet Explorer 6中模仿CSS属性min-width的权威方法是什么?最好不要尝试?

11 个答案:

答案 0 :(得分:8)

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

(或使用conditional comments)向IE提供单独的样式表

答案 1 :(得分:7)

您可以使用表达式(如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;
}

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

答案 2 :(得分:2)

由Stu Nicholls撰写的关于CSS Play的

This article,展示了在IE中实现最小宽度的不同方法,在所有模式中(Quirks等),甚至是IE / Mac。

答案 3 :(得分:2)

我已经摆弄了过去一个月里给出的每一个答案。在使用Pretaul的方法(Min-width in MSIE 6)之后,它似乎是最小宽度的最佳替代方案。没有黑客或任何东西,只需要直接兼容的CSS代码,需要30秒才能实现。

从谷歌搜索,表达似乎是最受欢迎的。无论如何,我想要随机锁定我的浏览器(IE和FF)。

答案 4 :(得分:2)

我不知道,我取得了一些成功:

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

dustin diaz'min-height fast hack&amp; amp; How do I specify in HTML or CSS the absolute minimum width of a table cell

答案 5 :(得分:0)

将你的css标签作为_Width:500px或其他。

答案 6 :(得分:0)

这很好用......

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

答案 7 :(得分:0)

Min-height fast hack适用于我(也适用于宽度)

答案 8 :(得分:0)

当容器达到一定大小时,shim示例可以强制浏览器显示水平滚动条,但是当窗口变小时,您会注意到容器中的内容仍将调整大小。我想在IE 6中尝试达到最小宽度时,这不是总体目标。

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

此外,使用表达式和其他疯狂的CSS黑客只是不好的做法。他们不安全和不洁净。这个article解释了CSS黑客的注意事项以及为什么应该完全避免它们。

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

  

Stu Nicholls在CSS Play上的这个article显示了在IE中实现最小宽度的不同方法,在所有模式(Quirks等)甚至是IE / Mac中。

我已经提供了一个类似问题的答案,详细说明了使用这种技术来正确实现最小宽度。可以在这里查看:

CSS: Two 50% fluid columns not respecting min width

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

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

答案 9 :(得分:0)

单行按钮

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

答案 10 :(得分:-1)

使用条件注释来引用和MSIE 6特定样式表,然后按如下所示创建CSS。

兼容的浏览器将使用:

min-width: 660px;

然后MSIE 6将使用:

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