ブログ全体の表示を小さくしたい
ナレッジで検索して自己流でやってみましたが、どうにもデザインが崩れてしまうので質問させてください。
デザインは「MIYABI」の3カラムです。
これだと私のPCの画面でサイドバーを表示させていると
横スクロールしないと全体が見えないので
横スクロールしなくても全体が見えるようにしたいのです。
過去ログを検索して
bory{とcontainer{ の部分の幅(width)を800pxに設定してみましたが、そうすると一番上のサイト名と紹介が左のサイドバーで隠れてしまい、
なおかつ本文の位置がずれてしまうような感じです。
サイドバーの部分と思える部分を150pxにしてみましたが(leftなどと表示があったところ)それでもサイドバーと本文の余白がうまらず、サイズも変わりませんでした。
どうかアドバイスお願いいたします。
回答(3)
1.

こちらをお読みになって慎重にやってみてください。
ただ、パソコンの解像度のせいで横スクロールが出ているのだと思います、雪梨サンのパソコンでちょうど良いサイズにした場合、一般的な解像度で見ている人にとっては小さすぎるというような現象になるかもしれません。
雪梨さんのパソコンの解像度は800x600でしょうか?
2.

この記事見ていただけますか?
あたしは、ブログの幅に、広告がおさまるようにカスタマイズしました。
雪梨さんのブログの場合、ヘッダー広告のフォントサイズを小さくすればブログをカスタマイズしなくても、
横スクロールは出なくなると思いマスが。。(1024×768でしたら)
3.

ツール(T)→インタネット オプション→接続→LANの設定(L)
↓
ローカル エリア ネットワーク(LAN)の設定 自動構成
↓
設定を自動的に検出する(A)にチェックを入れる。
これを試してください、私はこれで回復しました。
コメント(6)
とこやさま>
回答ありがとうございます。
3カラムの構造を少し勉強して、いじってみます。
ちなみにPCの解像度は1024×768でした。
そんなに小さくはないと思うのですが…
追記
先ほどとこやさまから紹介いただいたブログを参考にやってみました。
ほとんどが希望通りのデザインになったのですが、
背景画像(色?)が動かない(崩れる)のと
左上あたりに余白があり、それが小さくなりません。
当ブログはhttp://blog.livedoor.jp/hamham19/です。
現在デザインが崩れたままの状態なのですが、
どなたかどこを直せばいいかお教えいただければ嬉しいです。
ヘッダー広告のフォントサイズがとてもデカいですよね?
CSSの上のほうにある、ヘッダー広告の表示部分のフォントサイズはいくつになっていますか?
ココです↓
#header td{
color:#312c31;
font-size:12px;
text-align:right;
padding-right:10px;
}
↑これは12pxになっていますが、12、あるいは11にしてみてください。
それでもダメなときはまたお知らせくださいね☆
POPさま>
ヘッダーの部分は12pxでした。
11pxにしてもダメだったので6pxにしてもみましたが、やはりダメでした。
空白ができてしまいます。
この空白がいけないのでしょうか・・・
fuuta70さま>
私はIEでなくFirefoxを使っているのです・・・
Firefoxでもできるかな?と思いましたが、無理でした。
申し訳ありません。
引き続き相談を続けさせていただけたらと思います。
申し訳ありませんがよろしくお願いいたします。
>>#4
>ヘッダーの部分は12pxでした。
そーなんですか!?(゜O゜)
だけどフォントサイズでかいですよね?
16pxくらいに見えます。。
↓
http://image.blog.livedoor.jp/pop0215/imgs/2/3/23a...
あたしはIE(1024×768)です。
これって雪梨さんとこのパソコンでの見え方だけでなく、他の人も(少なくともあたしは)同様に横スクロールバーが出ているとゆーことですよね。
同じデザインを選んで、実験用ブログで試してみたらきちんとおさまってました。
もう一度デザインを設定しなおして全ページ再構築をしてみるか、
ヘッダー広告のテーブルの幅を設定するとか、あたしにはそんなことくらいしか思い浮かびません。。(ToT)ウァァン
ツワモノの登場を待ちましょう!
あたしももうちょっと考えてみますね☆
ありがとうございます。
少し調べて、「横スクロールをなくす」等のカスタマイズをしてみましたが、デザインは変わりませんでした。
当初の質問と変わってきましたので、ここで当初の質問は解決とさせていただきます。
皆様ありがとうございました。



