作者averywu (Dino)
看板Web_Design
标题Re: [问题] 关於css的区块问题
时间Mon Jun 19 19:26:17 2006
※ 引述《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