最小寬度在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}