2010-02-26 129 views
2

我正在創建一個使用流體佈局和人造色譜柱的網站。我在頂部有一個圖像,並在旁邊有一些文字。我希望圖像的最小尺寸爲550px,最大尺寸爲父div的75%。我試過這個:最小對分尺寸?

.class{ 
    width: 550px; 
    maxwidth: 75%; 
} 

但它沒有工作。

+0

你需要支持IE6? – SLaks 2010-02-26 02:00:10

+0

是的,我願意。我使用Firefox進行調試,但我的很多目標受衆都使用IE。非常符合100%的曲調。 – Hawkcannon 2010-02-26 02:02:15

+3

哇 - 任何想法爲什麼你的用戶是這樣的IE6人羣? W3C統計數據表明,只有10%的人平均仍然使用IE6。 – Tom 2010-02-26 02:06:26

回答

3

嘗試:

 

.class { 
    min-width: 550px; 
    width: 75%; 
} 
 
+0

Typo。這是一個IE6錯誤,而不是CSS錯誤。不錯,但是。 – Hawkcannon 2010-02-26 02:04:53

+1

順便說一句,本文討論獲取最大寬度和最小寬度在IE6上的工作。我只是剔除它,但也許它會幫助? http://javascript.about.com/library/blwidth.htm – Tom 2010-02-26 02:08:17

+0

感謝您的鏈接!我將把這個JScript放在我的頁面上,然後明天再測試一下。 – Hawkcannon 2010-02-26 02:11:55

2

當前CSS規範支持min-widthmax-width,但並非所有瀏覽器都支持。即,IE6。但市場上大多數其他瀏覽器都可以正常工作。

+0

這是我的問題。幾乎所有的流量都使用IE6-。我的網站在FF中完美工作,但IE6/7將列和CSS對齊。 – Hawkcannon 2010-02-26 02:03:55

0

嘗試用max-width代替maxwidth

0

我知道這是要求是老了,但是這也許會幫助有同樣的問題其他一些人。

我有同樣的擔心,這解決它:

.class {  
    min-height: 300px; 
    height: auto !important; 
    height: 300px; 
}