2013-10-11 357 views
0

第一次海報 - 長時間的潛伏者。每當我用Google搜索解決方案時,Stackoverflow似乎總是直線上升,所以認爲這是我註冊的時間!調整div高度的內容

關於我的問題: 我正在嘗試準備一個佈局,這個佈局在內容方面具有更多的空間彈性,我已經把自己變成了一個麻煩的地方,試圖讓我的頭部繞過它! 我已經放在一起(非常簡單)的網站,以擺弄。 我有3個獨立的圖形元素;標題,頁腳和內容背景。內容背景是可重複的,我的目的是讓頁面動態調整而不會中斷頁面​​的任何流動。我試圖通過將'header image'應用於頁面頂部的div - 容器(內容區域和菜單)的'content-background',以及最後的'footer image '在頁面的底部 - 容器外部。

當我在頁面上的內容非常有限時,它似乎工作正常 - 但是,當我在內容區域放置內容時,它只是掛在圖像的邊緣,看起來很糟糕,而不是重複背景,並推動其他divs下來。

我不想引入overflow:scroll或類似的東西 - 而且我非常想盡量避免使用JavaScript。我確信我在思考的某個地方犯了一個錯誤,但我不太確定它在哪裏。我有一種感覺,我需要做一些關於定位的東西 - 並改變某些div的高度(容器,內容仍然被定義爲基礎;但是無論我設置了它,它要麼沒有效果,要麼導致頁面看起來怪異)。

我沒有複製粘貼文本的牆,而是將地址發佈到我網站上的臨時部分。我真的很感謝一些關於我是否在正確的軌道上的建議 - 或者我是否方式關閉。

(PS:發揮不錯,我還在試圖讓這個握把)

http://goo.gl/pFY6FB是我的網站的地址 - 不要驚慌,我知道這是一個URL縮短,我只是不不喜歡我的網站鏈接到處都貼滿了!

+1

要長時間閱讀,沒有代碼:( – Sliq

回答

0

好像你有幾個問題。在#container上設置高度是一個問題,並且未清除您的#content#rightbar元素的浮標是另一個問題。我的信念是,解決這兩件事情會給你你期待的結果。

+0

嗨,謝謝,我會給它一個鏡頭。當我沒有宣佈容器的高度,頁面分崩離析,我認爲這是因爲我還沒有清除內容/右欄上的花車?似乎工作正常 - 謝謝!知道它一定是簡單的! –

0

從我的理解你的問題,你希望你的div標籤變得越來越大,隨着文字越來越多。
解決方案很簡單:使用最小寬度而不是寬度。它會調整自己