2007年01月30日 (火) | 編集 |
2007/1/30(19:30)記
ヘッダー部分を少し書き換えました。
修正前の物でも、そのまま利用されるのには、問題は無いと思いますが、
<body>の下に、アクセス解析などのタグを入れると、
スタイルシートで指定した、上部のアキが、無視される様です。
その為、上部が少し詰まった感じになってしまいます。
特に気にならない方は、そのまま使用頂いて結構です。
すでにダウンロード済みで、修正のみしたい方は、
2カラム3カラム共通、スタイルシートの編集で次の部分を
/* ページ構成 */
body{
font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
background-color: #8c6640;
margin: 0px; ←ここを10pxに変更
padding: 0px;
これだけでも、大丈夫そうです(^^)
一応、以下↓修正した部分(参考までに)
ヘッダー部分を少し書き換えました。
修正前の物でも、そのまま利用されるのには、問題は無いと思いますが、
<body>の下に、アクセス解析などのタグを入れると、
スタイルシートで指定した、上部のアキが、無視される様です。
その為、上部が少し詰まった感じになってしまいます。
特に気にならない方は、そのまま使用頂いて結構です。
すでにダウンロード済みで、修正のみしたい方は、

/* ページ構成 */
body{
font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
background-color: #8c6640;
margin: 0px; ←ここを10pxに変更
padding: 0px;
これだけでも、大丈夫そうです(^^)
一応、以下↓修正した部分(参考までに)

<div id="header">
<div id="BlogName"><a href="<%url>" title="ブログタイトル" id="pagetop"><%blog_name></a></div>
<div id="headIntroduction"><%introduction></div>
</div>
<div id="container">
このように↓
<div id="container">
<div id="header"></div>
<div id="headBlock">
<div id="BlogName"><a href="<%url>" title="ブログタイトル" id="pagetop"><%blog_name></a></div>
<div id="headIntroduction"><%introduction></div>
</div>
スタイルシートの編集で次の部分を
/*head要素 */
#my_header{}
#header {
margin-top:15px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align:left;
height: 165px;
width: 840px;
background-image: url(http://blog-imgs-18.fc2.com/p/u/k/puku2/choco_kuma.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
このように↓
/*head要素 */
#my_header{}
#header{
height: 15px;
width: 860px;
}
#headBlock {
margin: 0px 10px 5px 10px;
padding: 0px;
height: 165px;
width: 840px;
background-image: url(http://blog-imgs-18.fc2.com/p/u/k/puku2/choco_kuma.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
書き換えて下さい(コピー&ペーストで可)
2007/1/30(20:30)記
3カラムだけかと思っていたら、2カラムの方でも、
同じ様な症状になる様ですね。こちらも修正しておきました。

<body>
<div id="baseBlock">
<div id="headBlock2">
次の様に追加↓
<body>
<div id="baseBlock">
<div id="headBlock1"></div>
<div id="headBlock2">
スタイルシートの編集で次の部分
/*head要素 */のすぐ下に
#headBlock1 {
}
を、追加して下さい。
スポンサーサイト
| ホーム |