解決済

clip!clip!
Ads By Google

ブログ全体の表示を小さくしたい

ナレッジで検索して自己流でやってみましたが、
どうにもデザインが崩れてしまうので質問させてください。

デザインは「MIYABI」の3カラムです。
これだと私のPCの画面でサイドバーを表示させていると
横スクロールしないと全体が見えないので
横スクロールしなくても全体が見えるようにしたいのです。

過去ログを検索して
bory{とcontainer{ の部分の幅(width)を800pxに設定してみましたが、そうすると一番上のサイト名と紹介が左のサイドバーで隠れてしまい、
なおかつ本文の位置がずれてしまうような感じです。

サイドバーの部分と思える部分を150pxにしてみましたが(leftなどと表示があったところ)それでもサイドバーと本文の余白がうまらず、サイズも変わりませんでした。

どうかアドバイスお願いいたします。

2007-05-16 23:53の質問
デザイン  CSS  
デザイン
デザイン の情報はこちらです
www.span.ne.jp
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

1.

2007-05-17 12:41:54みんなナイスな
3カラムの場合構造を理解していないと難しいと思います。



こちらをお読みになって慎重にやってみてください。

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

雪梨さんのパソコンの解像度は800x600でしょうか?
回答レベル : 回答

2.

2007-05-17 23:05:06みんなナイスな
横スクロールが出るのは、トップ一番上のライブドアの広告のせいだと思います。

この記事見ていただけますか?

あたしは、ブログの幅に、広告がおさまるようにカスタマイズしました。

雪梨さんのブログの場合、ヘッダー広告のフォントサイズを小さくすればブログをカスタマイズしなくても、
横スクロールは出なくなると思いマスが。。(1024×768でしたら)

3.

2007-05-18 16:56:40みんなナイスな
ブログ表示位置崩れIEの設定

ツール(T)→インタネット オプション→接続→LANの設定(L)


ローカル エリア ネットワーク(LAN)の設定 自動構成



設定を自動的に検出する(A)にチェックを入れる。

これを試してください、私はこれで回復しました。
Ads By Google

コメント(6)

#1.  雪梨
2007-05-17 17:58:23

とこやさま>
回答ありがとうございます。
3カラムの構造を少し勉強して、いじってみます。
ちなみにPCの解像度は1024×768でした。
そんなに小さくはないと思うのですが…

#2.  雪梨
2007-05-17 21:32:39

追記

先ほどとこやさまから紹介いただいたブログを参考にやってみました。
ほとんどが希望通りのデザインになったのですが、
背景画像(色?)が動かない(崩れる)のと
左上あたりに余白があり、それが小さくなりません。
当ブログはhttp://blog.livedoor.jp/hamham19/です。
現在デザインが崩れたままの状態なのですが、
どなたかどこを直せばいいかお教えいただければ嬉しいです。

#3.  POP
2007-05-17 23:17:41

ヘッダー広告のフォントサイズがとてもデカいですよね?
CSSの上のほうにある、ヘッダー広告の表示部分のフォントサイズはいくつになっていますか?
ココです↓
#header td{
color:#312c31;
font-size:12px;
text-align:right;
padding-right:10px;
}
↑これは12pxになっていますが、12、あるいは11にしてみてください。
それでもダメなときはまたお知らせくださいね☆

#4.  雪梨
2007-05-18 23:44:03

POPさま>
ヘッダーの部分は12pxでした。
11pxにしてもダメだったので6pxにしてもみましたが、やはりダメでした。
空白ができてしまいます。
この空白がいけないのでしょうか・・・

fuuta70さま>
私はIEでなくFirefoxを使っているのです・・・
Firefoxでもできるかな?と思いましたが、無理でした。
申し訳ありません。

引き続き相談を続けさせていただけたらと思います。
申し訳ありませんがよろしくお願いいたします。

#5.  POP
2007-05-19 08:12:57

>>#4
>ヘッダーの部分は12pxでした。
そーなんですか!?(゜O゜)
だけどフォントサイズでかいですよね?
16pxくらいに見えます。。

http://image.blog.livedoor.jp/pop0215/imgs/2/3/23a...
あたしはIE(1024×768)です。
これって雪梨さんとこのパソコンでの見え方だけでなく、他の人も(少なくともあたしは)同様に横スクロールバーが出ているとゆーことですよね。

同じデザインを選んで、実験用ブログで試してみたらきちんとおさまってました。
もう一度デザインを設定しなおして全ページ再構築をしてみるか、
ヘッダー広告のテーブルの幅を設定するとか、あたしにはそんなことくらいしか思い浮かびません。。(ToT)ウァァン

ツワモノの登場を待ちましょう!
あたしももうちょっと考えてみますね☆

#6.  雪梨
2007-05-20 22:40:01

ありがとうございます。
少し調べて、「横スクロールをなくす」等のカスタマイズをしてみましたが、デザインは変わりませんでした。

当初の質問と変わってきましたので、ここで当初の質問は解決とさせていただきます。
皆様ありがとうございました。

トラックバック(2)

トラックバックURL: