[問題] css切版問題: 是該設成div好還是?

[Verdana (芙丹娜)]

http://sunarts.net23.net/

（右鍵可看原始碼）

想要做成像這樣
http://i.imgur.com/hFlYvur.jpg

可是..我寫的html和css好像問題很多
div的區塊好像也分的亂亂的..


本來是背景會有三條水平線
我最上面的水平線是設成一個div
然後把水平線的圖設成"背景圖"，repeat-x

另外我也需要三條垂直但是會有中斷的線

這個我有點不知道該怎麼設好，是一樣用div放背景圖好呢？
不過這樣我的position動來動去的，牽一髮而動全身啊啊..
想請大家指點一下該怎麼做比較好..


謝謝.. Q◇Q　大恩大德..感激不盡啊
--
→ lyforever:要不要使用一些grid framework?
謝謝~~ 那是指CSS3嗎 ?



我重畫了一下，這樣的div不知道排的行不行呢？
http://i.imgur.com/7u30bho.jpg

不過這樣那些切線就不見了orz
切線真的不知道怎麼排進去..
※ 編輯: Verdana         來自: 202.39.237.142       (09/13 16:48)
→ superpai:你說的切線是？有畫在圖上嗎？
推 lom123456:完全不懂你說的切線是啥意思= = 水平線的話hr就好了
→ lom123456:然後排版去google一下position、flexbox吧
→ lom123456:先弄清楚relative、absolute的差別