Ads By Google
ブログ本文と、プラグインとの間隔を広げたいのです。
右に寄せたくて多少変更してありますので、よろしくお願いいたします。
2006-04-17 02:49の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-04-17 09:49:11

これはCSSを変更すれば解決する問題とは思うのですが、その前にちょっと問題があります。お使いのブラウザはおそらくインターネットエクスプローラー(IE)ではないと思うのですが、IEでサイトを見た場合、プラグインが下の方に表示されていて、いわゆるサイドバーが落ちている状態になっています。
まずはこれを解消した方が良いと思います。
原因がちょっとはっきりしません。
画像の前の文章に改行が入っていないと、IEでサイドバーが落ちる事があるようですので、画像の前の文章に改行を入れてみて下さい。
確認しただけで該当箇所が6箇所あります。
文章の最後に改行を入れてみられて下さい。
・これからもよろしくお願いいたしま~す。
・木の芽みそ。
・モデルの仕事は疲れます。
・やぶ医者だ~!
・それがどういう内容だったのか思い出せない。
・皆様のお越しをお待ちいたしております。
ひょっとしたら、まだあるかもしれません。
たぶん絵文字は大丈夫と思いますが。
文章とプラグインの間を広げるのは、本文の文章を少し左に寄せその分本文のカラムを狭くし、サイドバーを右に寄せればいいかもしれません。
下記の部分を下記のように書き換えてみて下さい。
変更がイメージと違ったら、元に戻してください。
#content{
width:520px;
float:left;
margin:0 auto;
}
.blogbody{
margin:20px 0 0 10px;
text-align:left;
line-height:130%;
}
.sidetitle{
color:#063;
font-size:11px;
font-weight:bold;
padding:2px;
margin:0 10px 0 20px;
padding:40px 0 0 0;
background:url(http://image.blog.livedoor.com/img/usr/kurakimai/clover.gif) no-repeat scroll 50% 0;
text-align:center;
}
.side{
font-size:11px;
line-height:125%;
padding:5px;
padding:5px 10px 20px 20px;
text-align:left;
}
余談ですが、IEとそのほかのブラウザで文字の大きさも大きく異なっています。
font-sizeの指定をピクセル単位に変えられた方が良いかもしれません。
.title{
color:#006b35;
font-size:12px;
font-weight:bold;
padding:0 0 5px 0;
border-bottom:3px dotted #ccc;
}
.main,.mainmore{
font-size:12px;
line-height:150%;
padding:20px 0 20px 0;
}
まずはこれを解消した方が良いと思います。
原因がちょっとはっきりしません。
画像の前の文章に改行が入っていないと、IEでサイドバーが落ちる事があるようですので、画像の前の文章に改行を入れてみて下さい。
確認しただけで該当箇所が6箇所あります。
文章の最後に改行を入れてみられて下さい。
・これからもよろしくお願いいたしま~す。
・木の芽みそ。
・モデルの仕事は疲れます。
・やぶ医者だ~!
・それがどういう内容だったのか思い出せない。
・皆様のお越しをお待ちいたしております。
ひょっとしたら、まだあるかもしれません。
たぶん絵文字は大丈夫と思いますが。
文章とプラグインの間を広げるのは、本文の文章を少し左に寄せその分本文のカラムを狭くし、サイドバーを右に寄せればいいかもしれません。
下記の部分を下記のように書き換えてみて下さい。
変更がイメージと違ったら、元に戻してください。
#content{
width:520px;
float:left;
margin:0 auto;
}
.blogbody{
margin:20px 0 0 10px;
text-align:left;
line-height:130%;
}
.sidetitle{
color:#063;
font-size:11px;
font-weight:bold;
padding:2px;
margin:0 10px 0 20px;
padding:40px 0 0 0;
background:url(http://image.blog.livedoor.com/img/usr/kurakimai/clover.gif) no-repeat scroll 50% 0;
text-align:center;
}
.side{
font-size:11px;
line-height:125%;
padding:5px;
padding:5px 10px 20px 20px;
text-align:left;
}
余談ですが、IEとそのほかのブラウザで文字の大きさも大きく異なっています。
font-sizeの指定をピクセル単位に変えられた方が良いかもしれません。
.title{
color:#006b35;
font-size:12px;
font-weight:bold;
padding:0 0 5px 0;
border-bottom:3px dotted #ccc;
}
.main,.mainmore{
font-size:12px;
line-height:150%;
padding:20px 0 20px 0;
}
クエンさん、ありがとうございました!
>原因ははっきりしません、とおっしゃりつつ、細かいご指示感激です。
もうちょっと研究してみます。
Ads By Google
コメント
まだコメントがありません




