作者plany (這位太太《是誰》)
看板Blog
標題[Blogger] 修改模版時，遇到一些CSS的問題
時間Tue Oct 6 22:29:30 2009
原始的模版是下載這個:
http://btemplates.com/2008/08/31/outdoor/
這是我修改後的xml檔:
http://tinyurl.com/y9nqncz
網址(測試用的，非廣告):
http://tinyurl.com/yagqyga
1. 加了一些東西進去，但是發現<code></code>顯示有點奇怪，
正常應該是長這樣:
http://tinyurl.com/yblxtsm
奇怪的是，<code>超連結</code>才會有問題，
<code>純文字</code>就不會有問題。
底下是我使用的CSS:
code {
display: block;
font-family: 'Courier New';
font-size: 10pt;
overflow: auto;
border: 1px solid #ccc;
margin: 10px;
padding: 10px 10px 10px 25px;
max-height: 150px;
line-height: 1.5em;
letter-spacing: 0px;
color: #000;
background: #ccc url(
http://tinyurl.com/yc6z96s) left top repeat-y;
}
code.cmd {
font-size: 10pt;
color: #ccc;
background: #000 url(
http://tinyurl.com/ycrgedt) left top repeat-y;
}
code.ref{
display: block; /* fixes a strange ie margin bug */
background: #fff url(
http://tinyurl.com/yegwc4y) left top repeat-y;
border: 1px dashed #333;
font-size: 10px;
line-height: 1.5em;
}
2.
#content-wrapper 的寬度是 910px
#main-wrapper 的寬度是 620px
#sidebar-wrapper 的寬度是 280px
#main-wrapper +
#sidebar-wrapper 的寬度 = 900px < 910px
但是sidebar卻整個被擠到下面去，目前找不到原因 0rz
以上兩個問題，麻煩大家了，謝謝。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.44.249.53
※ 編輯: plany 來自: 114.44.249.53 (10/06 22:31)
※ 編輯: plany 來自: 114.44.249.53 (10/06 22:49)
1F：→ amethysta:不是只加620+280就好，你沒把邊界算進去… 10/06 23:59
2F：→ windcanblow:預留一些空間比較好喔:p.. 10/07 07:54
3F：→ windcanblow:像我前陣子也是忍痛拓寬content wrapper 10/07 07:55
4F：→ windcanblow:再花整個晚上設計新的header.. 10/07 07:55
5F：→ windcanblow:最後才讓main/siderbar 擺設達到自己接受的程度 10/07 07:56