知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

3カラムの左の記事が下に行ってしまいます。スタイルシートはあっていると思うのですが・・・。

どうしても左の記事が下に行ってしまいます。
3カラムのデザインシンプルのPlain Diary(3カラム)を使用しています。
左:200px 真ん中:500px 右:200px
にしたいのですが、widthの値だけを変更してもダメなものなのでしょうか?

値は、

#container→width:900px;

#banner,#subbanner→width:850px;

#blogcontainer→width:900px;

#wrapper→width:700px;

#content→width:500px;

left→width:200px;

#right→width:200px;

にしております。

2008-12-06 03:35の質問
ブログ  blog  livedoorブログ  WEB  CSS  3カラム  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2008-12-06 06:29:22ベスト
もともとの指定されていた数値と、設定された数値のバランスが合っていません^^;

元々の数値は、
#container→width:775px;
#blogcontainer→width:755px;
#wrapper→width:565px;
#content→width:375px;
#left→width:170px;
#right→width:170px;

ですので、


#content→width:500px;
#left→width:200px;
#right→width:200px;
にしたいのであれば、考え方は、

#wrapper→width:725px;

にしなければなりません。

そこに、#right→width:200px;を足して出来たブログコンテナは、

#blogcontainer→width:945px;

その上のコンテナは、

#container→width:965px;

の数値となります。

早速の回答ありがとうございます。
3カラムもきれいに収まり問題解決いたしました。
バランスなんてあったのですね。

Ads By Google

コメント(1)

#1.  HS
2008-12-07 03:25:25

何事もバランスが大切みたいです^^;
BEST有難う御座います m(_ _)m

トラックバック(2)

トラックバックURL: