2012-11-06 71 views
1

我是新來的CSS,所以請原諒我,如果這是一個真正的愚蠢的問題! 但事情是,我一直在嘗試這最後48小時,但仍然無法做到正確。我要的是這個CSS佈局:CSS流體固定佈局與等高柱

  1. 兩列,左流體,右固定(300像素)
  2. 兩個柱子均是相同的高度,右列整個具有背景色。
  3. 100px高的標題。
  4. 300px高度頁腳。
  5. 封裝在中心位置容器中的整個東西。 此容器的最大寬度爲960px,最小寬度爲480px。無論何時屏幕小於480像素,固定的右列應垂直位於左內容列的下方。
  6. 應該在IE 7+,Chrome,Safari,FF中工作。
  7. 沒有JavaScript的(不明白爲什麼這會永遠需要爲這個)

我試圖(和仍試圖)做它,但不知何故不能產生相同的高度欄。我嘗試了幾個在線CSS生成器,但沒有運氣。任何幫助,指針等將不勝感激。

編輯:

這裏是一個的jsfiddle:「http://jsfiddle.net/GKEmA/」我所做的

+0

請向我們展示您使用jsfiddle所做的一切。所以我們可以用你自己的代碼來幫助你。 – Rodik

+0

這裏是我有什麼:http://jsfiddle.net/GKEmA/ – hashbrown

+0

很高興看到有人投我的問題,所有我問我的一些幫助或指針,以幫助我在技術領域,我最後學習2天。這絕對讓我受到鼓舞! – hashbrown

回答