最大高度不能正常工作的CSS佈局

因此，對於一個網站，我一直試圖讓一個特定的佈局在IE瀏覽器上工作（如果他們工作，FF + Chrome是一個加號，但通常他們這樣做）。最大高度不能正常工作的CSS佈局

下面你可以看到我試圖實現的佈局; alt text http://dl.dropbox.com/u/2199846/layout.png

正如您所看到的，這只是您可以在互聯網上看到的多列布局的輕微變化。只是一些額外的額外的。
- 沒有div應該超過頁面高度，如果他們這樣做，他們應該只是溢出（但通常只會發生在中間部分）
- 「切換」鏈接應切換div下面可見/不可見（得到jquery代碼和所有，沒有問題那裏），但該切換應當offcourse擴大/減少中間div的寬度。

我在我的可能性在這裏結束了，並試圖改變到一個全表格式，但有內存太多時總是擴大的問題...
如果你們中的任何CSS英雄在那裏知道如何做出這種佈局，我會非常感謝！

編輯：
什麼我忘了補充的是，這種設計的某些部分應該是固定的寬度/高度。頂部應該是60px高度，左側和右側應該是200px寬度。而小酒吧（+切換酒吧）應該是30px高。
當然，我會嘗試從下面發佈的示例開始工作，但我認爲我會添加此編輯以防萬一有人發現它具有挑戰性（我知道我發現它具有挑戰性，但我還不太好在CSS現在）

來源

2010-07-07 Tim Geerts

垂直窗口高度通常很棘手。但是，您可以嘗試將jQuery切換設置爲'.hide（）'。這樣，它將'display'屬性設置爲'none'，而不是在高度上搞亂。 – 2010-07-07 14:57:38

你有任何代碼開始？我認爲CSS'min-height'會成爲你的朋友。 – 2010-07-07 15:00:15

http://jsfiddle.net/YGgTx/1/

這是一個模擬了什麼你正在嘗試做的，我相信。如其他海報所示，您可能想使用hide（）來處理菜單效果。如果這個樣機有什麼問題，請告訴我，我沒有安裝IE6，但它可以在8上運行。

來源

2010-07-07 15:24:57 Gabriel

儘管這確實是我設計的一個非常好的例子，但是我忘了提及該網站的某些部分是固定寬度的......我認爲這會改變更多的困難，因爲我會將PX與％... 編輯主要問題以反映這一點。但是，非常感謝這個小提琴，現在我可以從這個開始，看看我能否自己動手。 – 2010-07-08 07:48:35

井像素和百分比不會混合。如果它是爲實際用戶設計的（不是受控用戶設置），那麼您將希望保持靈活性。你不能用全像素完美控制來「填滿屏幕」。有關此主題的優秀文章是http://www.alistapart.com/articles/fluidgrids/。你可以使用em來獲得初始寬度並使用百分比，當有人調整大小時，它不會被嚇倒。 – Gabriel 2010-07-09 03:35:57

最大高度不能正常工作的CSS佈局

回答

相關問題