解決済
3カラムです。左サイドバーが下に落ちています。
こんにちは。左サイドバーが記事の下に落ちています。
落ちないようにしたいと思っています。
この記事を参考にPxの調整をしてみましたが上手く行かない状態です。
凝ったデザインの希望はありません。
今使用しているような暖かい感じで、
左サイド、真ん中の記事、右サイドが載れば十分です。
尚、私のURLはこちらでございます。
何卒、ご教示頂きたくよろしくお願い致します。
2007-12-24 18:06の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2007-12-25 12:50:40

元々2カラムのものを3カラムにするのは大変なので、まず
http://blog.livedoor.com/design_demo/cork_3c_cms.h...
この3カラムにして 全てのページ で再構築
この段階で左サイドが落ちてないか確認してください。
2カラムは#blog が 530px なので、これを基準に修正します。
#container 803px→980px
#banner 803px→980px
#blogcontainer 775px→952px
#wrapper width:574px→751px
#content width:373px→550px
#blog width:353px→530px
.fullbody,#articlebody の
.datebody の background:url を
.dateend
* html .dateend
#articlebottom
の background:url を
この内容で保存する をクリック 再構築
http://blog.livedoor.com/design_demo/cork_3c_cms.h...
この3カラムにして 全てのページ で再構築
この段階で左サイドが落ちてないか確認してください。
2カラムは#blog が 530px なので、これを基準に修正します。
#container 803px→980px
#banner 803px→980px
#blogcontainer 775px→952px
#wrapper width:574px→751px
#content width:373px→550px
#blog width:353px→530px
.fullbody,#articlebody の
background:url(http://parts.blog.livedoor.jp/img/usr/cork/mainbg_3c.gif) repeat-y 100% 0;を
background:#fff url(http://parts.blog.livedoor.jp/img/usr/cork/mainbg.gif) repeat-y 100% 0;に変更
.datebody の background:url を
http://parts.blog.livedoor.jp/img/usr/cork/mainhead.gifに変更
.dateend
* html .dateend
#articlebottom
の background:url を
http://parts.blog.livedoor.jp/img/usr/cork/mainbtm.gifに変更
この内容で保存する をクリック 再構築
先生、本当にありがとうございました。
解決できました!
再構築する時に、スタイルシートなのか、トップページなのか選択の上、再構築しないといけなかったんですね。
今回とても勉強になりました。
これから内容を濃くして参ります。
今後ご覧になって頂けたらとても嬉しいです。
本当にありがとうございました。
Ads By Google
コメント(3)
#1. pantat
2007-12-25 21:27:56
ご丁寧なご解答ありがとうございます。
大変嬉しく思います。
ご紹介頂いた3カラムのスタイルシートを適用しました。「この段階で左サイドが落ちてないか確認してください。」のところで既に落ちていたのが気になりつつ、ご指示の通り変更してみましたが、状態は変わらず、です。
記事は、幅を取らないようにしました。写真の横に記事を書くのを止め、写真の下に書くようにしました。
宜しければ、更なるご教示の程よろしくお願いします。
#3. 浅倉 啓太
2007-12-25 22:39:50
今ってまだ2カラムのままですよね?
フリー と livedoor リスログ
のプラグインが気になるので
http://cms.blog.livedoor.com/cms/plugin/
一度、非表示にして
全てのページ で再構築
してみてください。
#4. 浅倉 啓太
2007-12-26 20:23:41

そっか、再構築の問題だったんですね。
あと
.dateendと
* html .dateendも
http://parts.blog.livedoor.jp/img/usr/cork/mainbtm.gifにするとバッチリです。

