作者ghostfire (赤磷)
看板Web_Design
标题Re: [问题] 关於css
时间Sat May 6 22:57:39 2006
小弟是新手，讲一下自己的想法:)
要求：B的内容有增减时，A、C的长度会随B而改变，且版权宣告要置底
小弟直觉上会先去改htm本身的结构，让它变成
<div id="menu">
<div id="pic">
<div id="contents">
B区块的内容
</div>
</div>
</div>
<div id="menu_data">
A区块内容
</div>
<div id="pic_data">
C区块的内容
</div>
<div>
版权宣告
</div>
如此contents加长时，pic、menu会随着加长，且版权宣告会在最下面
然後css再排一下：
#menu{
width:总宽;
background:要的颜色;
}
#pic{
width:pic的原本宽度+contents的原本宽度;
background:要的颜色;
margin:0 0 0 menu的宽度;
padding:0 0 0 contents的宽度;→这一段是小弟理解错误
}
#contents{
width:contents的原本宽度;
background:要的颜色;
margin:0 C的宽度;→这一段应该是margin:0 C的宽度 0 0;
}
再将menu_data、pic_data绝对定位到想要的位置
--
请鞭^_^||
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.117.212.87
※ 编辑: ghostfire 来自: 59.117.212.87 (05/06 22:58)
1F：推 monoceros:我试看看 感谢 05/06 23:02
2F：推 monoceros:我试了还是不行欸 05/07 00:11
3F：推 monoceros:看来还是只好用表格搭配css 如果有人用过分享一下吧 05/07 03:20
小弟早上拿自己的网页修改一下，看看是不是您要的效果：
http://home.pchome.com.tw/mysite/rockhawkeye/test.htm
css档如下
http://home.pchome.com.tw/mysite/rockhawkeye/test.css
※ 编辑: ghostfire 来自: 59.115.7.183 (05/07 08:09)
4F：推 ghostfire:要用表格的话，分成三栏，然後<td class="a"> 05/07 11:35
5F：→ ghostfire:css里头table td.a{background:#颜色;}大概就行了@@a 05/07 11:36
6F：推 monoceros:很感谢:) 05/07 18:30