Re: [問題] 關於css

[ghostfire (赤燐)]

小弟是新手，講一下自己的想法:)

要求：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)
推 monoceros:我試看看 感謝
推 monoceros:我試了還是不行欸
推 monoceros:看來還是只好用表格搭配css 如果有人用過分享一下吧
小弟早上拿自己的網頁修改一下，看看是不是您要的效果：

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)
推 ghostfire:要用表格的話，分成三欄，然後<td class="a">
→ ghostfire:css裡頭table td.a{background:#顏色;}大概就行了@@a
推 monoceros:很感謝:)