Re: [問題] 關於css的區塊問題
※ 引述《eliang ()》之銘言：
: ※ 引述《averywu (Dino)》之銘言：
: : 我用css定義了三個id的區塊
: : main 跟 right 跟 left
: : main 包住 right 跟 left
: : 我把main的底色設成灰色。right不設、left設成藍色。
: : 但是每當我的right裡的內容行數超過left時，left藍色不會蓋滿整列。
: : 比如說：
: : BBGGGGGGGGGG BBGGGGGG
: : BBGGGGGGGGGG BBGGGGGG
: : BBGGGGGGGGGG <--現在 想變成--> BBGGGGGG
: : BBGGGGGGGGGG BBGGGGGG
: : GGGGGGGGGGGG BBGGGGGG
: : GGGGGGGGGGGG BBGGGGGG
: : GGGGGGGGGGGG BBGGGGGG
: : (B=Blue G= Gray)
: : 有什麼法子讓left區塊自動依right區塊的長度自動調整？
: : 還是這是無解的呢？因為要適用各式Browser 所以IE Only 的語法就不考慮了
: : 感謝您的回覆。
: 如果是我來做, 我會畫一張長條藍灰背景圖,
: 作為 main 的背景, 而非直接設定 left 或 right 的背景色,
: 背景圖大概長這樣:
: ██████████████████████████
: 其中藍色要剛好配合 left, 灰色部分則配合 right,
: 然後設定 CSS (大概寫一下而已,細節請自己試):
: #main {
: background: url(bg.jpg) repeat-y;
: width: 800px;
: }
: #left {
: float: left;
: width: 200px;
: }
: #right {
: margin-left: 200px;
: }
感謝您的指點，這個方法在一開始時有想過，但是main部份本身有其它背景圖
而作罷。去看了許多站台遇到這種情形好像都只能用table來解決。
但是我老闆不接受用table排版，看來要試著去說服他了:(
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.124.142.152
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章