解決済
初めまして!
宜しくお願い致します。
blogの両サイドに大きな隙間がPC画面との間に出来ています。
現在「子犬」のデザインを使用していますが、blogの両サイドに大きな隙間がPC画面との間に出来ています。他のデザインでも同じ様に隙間が出来ます。自動でサイズ調整は出来ないのでしょうか?また あわせ方がわからないので宜しくお願い致します。
2007-09-05 16:08の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(2)
3.
2007-09-06 23:10:19

seitoさんはじめまして。
記事の幅をブラウザのウィンドウに合わせて可変するカスタムでよろしいでしょうか?
CSSを以下のように変更して、スタイルシート(CSS)を再構築してください。
#container
・widthを 660px -> 100% に変更します。
・background:urlの行を削除します。
↓変更後は大体こんな感じです。
#blogcontainer
・widthを 619px -> 95% に変更します。
↓変更後です。
#content
・widthを 449px -> 100% に変更します。
・margin-left:-170px;という行を追加します。
↓変更後。
#blog
この項目は元々無いので↓を丸ごと追記してください。
記事の幅をブラウザのウィンドウに合わせて可変するカスタムでよろしいでしょうか?
CSSを以下のように変更して、スタイルシート(CSS)を再構築してください。
#container
・widthを 660px -> 100% に変更します。
・background:urlの行を削除します。
↓変更後は大体こんな感じです。
#container width:90%; margin:0 auto; text-align:center; background:#fff4c9; word-break:break-all; }
#blogcontainer
・widthを 619px -> 95% に変更します。
↓変更後です。
#blogcontainer{width:95%;margin:15px auto;padding-bottom:70px;}
#content
・widthを 449px -> 100% に変更します。
・margin-left:-170px;という行を追加します。
↓変更後。
#content{
width: 100%;
float: right;
margin-left:-170px;
background:#fff4c9;
}
#blog
この項目は元々無いので↓を丸ごと追記してください。
#blog {
overflow: hidden;
text-align: left;
margin: 0 0 0 170px;
}
凄く詳しく有難うございます。感謝致します。
早速今から実行してみます。
このHTMLタグは、どのBlogにも使用出来ますか?
Seesaaにも試してみようと思っています。
1.
2007-09-05 16:38:58
画面を800×600ドットで文字などを大きく表示したい人と、1024×768ドットで広く使いたい人のどちらが多数派なのかわかりませんが、1024にあわせてテンプレートを作ると、800の人達は、右にずらして読むのが面倒なので読むのを避ける傾向があります。
だから800×600ドット用のテンプレートが一般的なわけで、当然1024で見ると左右にスペースが出来ます。
変更は、WIN98の場合、パソコンの背景の何も無いところをクリックして[アクティブデスクトップ]→
[デスクトップのカスタマイズ]→[設定]で、右下「画面の領域」のスライダーで選択します。後継OSも多分似たような作業ではないでしょうか。
だから800×600ドット用のテンプレートが一般的なわけで、当然1024で見ると左右にスペースが出来ます。
変更は、WIN98の場合、パソコンの背景の何も無いところをクリックして[アクティブデスクトップ]→
[デスクトップのカスタマイズ]→[設定]で、右下「画面の領域」のスライダーで選択します。後継OSも多分似たような作業ではないでしょうか。
Ads By Google
コメント(5)
#1. まじかる☆スフィー
2007-09-05 16:59:58
seitoさんのパソコンでは両サイド余白あるのでしょうけど、画面の小さなパソコンだとぎりぎりいっぱいだったりします。
#2. 万年床生活者
2007-09-07 04:41:10
↑に一票^^
質問者様へ
blogの両サイドにできる隙間の大きさは見る人によって違うということだけはどうかおわかりいただけますよう、お願い申し上げますm(_ _)m
#3. imq
2007-09-07 08:00:21
>>3
1ヶ所間違いがありました。
以下のように訂正させてください。
#container
・widthを 660px -> 90% に変更します。
>>#1
>>#2
ついつい回答を入れてしまいましたが、いろいろな環境で見られることを想定した方が見やすいブログになりますね。
#4. 万年床生活者
2007-09-07 09:21:40
もちろん回答は>>3に一票入れときましたよ^^
私、リキッドスタイル派ですから。
#5. imq
2007-09-07 18:00:16


