作者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