2012-09-04 74 views
0

我對正在開發的網站有一個實際問題。我有它的工作,然後被迫修改樣式 - 現在我無法回到我需要的東西。最大寬度和橫幅尺寸

鏈接到該網站是在這裏:

http://pegasus.qa.hairylemon.co.nz/

我的問題是環形的橫幅。它們寬1200px。該網站的其餘部分是960像素寬。這是一個深思熟慮的設計,我必須實現這一點。

問題是,客戶端不希望水平滾動條出現,直到瀏覽器的寬度不足960像素。目前,滾動條不到1200px。

我的解決方案涉及最大寬度 - 我記得 - 但我不能讓它工作。有人可以幫忙嗎?

這是一個Joomla網站 - 所以我必須使用橫幅插件。我使用jQuery循環插件來瀏覽橫幅模塊輸出的各種橫幅。每個橫幅模塊都是一個HTML代碼的自定義塊 - 將圖像設置爲背景圖像,這樣我們就可以縮小瀏覽器。

將回答任何需要的問題。

回答

0

如果您使用width: 100%; max-width: 1200px; min-width: 960px,則可以將圖像的寬度限制在您指定的範圍內。不要爲height指定任何內容,並且圖像的高寬比將保持不變。

+0

你會建議哪個元素我把這個? –

+0

它必須放在圖像元素上。 –

+0

這就是它的感謝 - 寬度100%讓我在正確的區域! –

0

max-width: 1200px; min-width: 960px;你的情況。

和這樣下去homeBanner1homeBanner2homeBanner3