[問題] div內有背景圖,網頁向下拉的問題

看板Web_Design作者 (屁)時間16年前 (2010/01/14 18:39), 編輯推噓9(9030)
留言39則, 5人參與, 最新討論串1/2 (看更多)
像這個模版一樣http://0rz.tw/sxD14 全部置中 中間最大的div背景是一個綠框 若裡面的內容超過一個頁面大小 自動往下拉 但背景無法重覆 請問大家遇到這種情況都怎麼處理? 謝謝指導 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 59.127.157.42

01/14 18:50, , 1F
1.圓角框切三段,中段repeat 2.用js做tab 3.overflow:auto
01/14 18:50, 1F

01/14 20:34, , 2F
已切三段,中間repeat,但該怎麼讓它重覆?仍要做tab?
01/14 20:34, 2F

01/14 20:55, , 3F
架構完全有問題~不要用position:absolute吧
01/14 20:55, 3F

01/14 20:56, , 4F
中間repeat-y
01/14 20:56, 4F

01/14 22:12, , 5F
仍不懂,為何不要用absolute? kyork大說的是三部都要做嗎?
01/14 22:12, 5F

01/14 22:13, , 6F
還是擇一皆可,另外現在這樣還是有問題.. 多謝指教
01/14 22:13, 6F

01/14 22:25, , 7F
若是用表格的方式是否會較好? 像http://0rz.tw/eGaW0
01/14 22:25, 7F

01/14 22:26, , 8F
首頁左邊的紫色處,可以依文章長短作延申,是表格關係嗎
01/14 22:26, 8F

01/14 23:21, , 9F
跟kyork說的完全無關 ~ 都不用做
01/14 23:21, 9F

01/15 00:05, , 10F
三選一,而且方法絕對不只三種
01/15 00:05, 10F

01/15 00:07, , 11F
1是讓圓角框可以伸長,再多的內容也吃的下
01/15 00:07, 11F

01/15 00:09, , 12F
2可以變化出很多效果,淡入淡出、捲動...等
01/15 00:09, 12F

01/15 00:10, , 13F
3捲軸,最省事
01/15 00:10, 13F

01/15 00:16, , 14F
另外,中段要伸長請愛用min-height,但是IE6要hack
01/15 00:16, 14F

01/15 00:21, , 15F
至於absolute只要能駕馭他,就知道有多好用
01/15 00:21, 15F

01/15 00:37, , 16F
rocky823 這個問題才是跟你說的absolute 無關吧.
01/15 00:37, 16F

01/15 00:37, , 17F
absolute是在外層包含的父元件,他問的是該元件的內容成員
01/15 00:37, 17F

01/15 00:38, , 18F
延展,看不出來 absolute 跟這問題有關在哪。XD
01/15 00:38, 18F

01/15 00:38, , 19F
*absolute是設定在
01/15 00:38, 19F

01/15 18:24, , 20F
為何會跟absolute他一開始的架構上中下都設absolute
01/15 18:24, 20F

01/15 18:24, , 21F
就算中間延伸了 下面那塊也不會自動往下跑
01/15 18:24, 21F

01/15 18:26, , 22F
樓主的問題就是hight鎖死 才看不到background
01/15 18:26, 22F

01/15 18:27, , 23F
恩,對。我一開始沒弄清楚,已經懂了,謝謝各位!
01/15 18:27, 23F

01/15 18:29, , 24F
TonyQ 看到的應該已經是樓主有修改過的了~
01/15 18:29, 24F

01/15 18:31, , 25F
而且這種效果 一張圖就夠延伸了 用到三張效率不太好
01/15 18:31, 25F

01/15 19:01, , 26F
soga~
01/15 19:01, 26F

01/15 19:10, , 27F
的確是一張圖就夠了,既然要扯效率的話,不用圖豈不更讚XD
01/15 19:10, 27F

01/15 19:15, , 28F
不用圖寫圓角框為何會有效率?而且一堆垃圾code
01/15 19:15, 28F

01/15 21:12, , 29F
有jQuery Corner阿
01/15 21:12, 29F

01/15 21:54, , 30F
jQuery corner 基本上不會比較好,它會產生很多瑣碎的html
01/15 21:54, 30F

01/15 21:54, , 31F
元素,會造成browser很大的負擔。
01/15 21:54, 31F

01/15 22:37, , 32F
是沒有比較好,只是快又方便,而且對付改稿狂的客戶很好用
01/15 22:37, 32F

01/15 22:46, , 33F
然後我要承認我在耍小孩脾氣,
01/15 22:46, 33F

01/15 22:46, , 34F
因為rocky823說跟我無關,所以我要跟他說反話XD~~~
01/15 22:46, 34F

01/15 22:59, , 35F
XD
01/15 22:59, 35F

01/16 09:32, , 36F
本來就跟你說的完全無關阿 就事論事 樓主只是height問題
01/16 09:32, 36F

01/16 11:39, , 37F
你看到的code也是改過的,原本的圓角框只有一個div
01/16 11:39, 37F

01/16 11:41, , 38F
原po問內容過多怎麼處理,我只是提出我的方法
01/16 11:41, 38F

01/16 11:44, , 39F
如果你有更優秀的處理方式,可以提出來參考嗎?
01/16 11:44, 39F
文章代碼(AID): #1BJlHFwE (Web_Design)
文章代碼(AID): #1BJlHFwE (Web_Design)