解決済
Ads By Google
左右の余白を縮めたいのですが・・・
Solid State Diary今このデザインを使っているのですが、少し大きめの画像を貼り付けると画面がズレてしまい、きちんと書き込まれないんです。左のリンクなどの部分の大きさはあまり変えず、本文を書くスペースを増やす方法を教えてください。
2006-11-27 09:07の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-11-27 09:51:12
CSS内記述の
同じ数字を足して記述し直して下さい
記事の部分に
が使われているため（幅が543pxあります）
この画像を広げたい分だけ画像編集にて加工
（100px広げたい場合は643pxに加工です）
ファイルのアップロードをして
#containerの後のurlと入れ替えて下さい
以上が必要な作業になります
この説明で宜しかったでしょうか？
#container{
width:775px;
margin:30px auto 0;
text-align:center;
word-break:break-all;
background:url('http://parts.blog.livedoor.jp/img/usr/solid_state_diary/bg_main.gif') repeat-y 100% 0;
}
#content{
width:543px;
float:right;
padding-bottom:30px;
}
これらのwidthの数字を広げたい分同じ数字を足して記述し直して下さい
記事の部分に
が使われているため（幅が543pxあります）
この画像を広げたい分だけ画像編集にて加工
（100px広げたい場合は643pxに加工です）
ファイルのアップロードをして
#containerの後のurlと入れ替えて下さい
以上が必要な作業になります
この説明で宜しかったでしょうか？
とてもわかりやすくて助かりました。
Ads By Google
コメント(4)
#1. Kiss115
2006-11-27 09:58:52
念のため、スタイルシート(CSS)の変更方法は
[カスタマイズ/管理]から
[デザインの設定]で
下の方にある[カスタマイズ]を選択
ここにある
[スタイルシート(CSS)]の中の
記述を書き換えたら
[この内容で保存する]
左上の[ブログに設定を反映(再構築)]
「再構築する部分を指定」で
[デザイン(CSS)]
を選択し
[ブログを再構築する]
この手順になります
ありがとうございます。
早速試してみます。
解決できました＾＾
丁寧にありがとうございました。
#4. Kiss115
2006-11-29 09:45:40
「解決済」感謝申し上げます＾＾
