お蔵入り

clip!clip!
Ads By Google

ブログ全体を画面中央に表示させるにはどうすれば良いでしょうか?

デフォルト2008(スカイ,2カラム)のサイドバーを、ここの過去
ログを参考にして、左側移行させました。それと、ブログの幅を
1000pxに固定しました。

その結果、上手く出来たのですが、記事を何本か書くと、ブログ
全体が左によってしまい、右側にスペースが出来てしまいました。
何も書いてない状態ですと、そのような現象は起きません。
以下がその何も書いてない状態です。



過去ログを参考に、色々試したのですが、解決しません
でした。

どうかご教授お願いします。

2009-06-30 01:10の質問
ブログ  デザイン  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(1)

1.

2009-06-30 15:47:16
コメントにあるように記事を書くことでレイアウトが崩れる場合は、記事に問題があるため、その状態が分からない限りは回答は難しいと思います。

ただ、見ていて気になった点がCSSの中にあるので
body {
 min-width:600px;
 width:1000px;
}
となっていますが、固定幅にするのであれば「min-width」は不要です。またbodyで横幅を指定してもIE6では有効にならないので、body下のdiv要素で横幅を指定します。具体的には
div#container
div.footer-outer {
 width: 1000px;
}
になります。

また、サイドカラムを左から右に変えた際にメインカラムのネガティブマージンの向きが変わっていません。
div#main {
 margin: 0 -220px 0 0;
}
div#main div.column-inner {
 margin: 0 230px 0 0;
}
これを左から右に変えます。
div#main {
 margin: 0 0 0 -220px;
}
div#main div.column-inner {
 margin: 0 0 0 230px;
}
Ads By Google

コメント(1)

#1.  BLUEPIXY
2009-06-30 02:28:17

不格好な状態でブログを置いておきたくないのはわかりますが、
できたら、症状のある状態を確認させて貰った方がいいです。

記事がなくて、OKで、記事があるとダメということは、
記事の中にタグの不整合があったのではないか?
とか思いますけど、単なる推測で、意味がないし。

トラックバック(2)

トラックバックURL: