解決済
Ads By Google
3カラムのCSSをいじったら、ウインドウを伸ばすとカラムの間の余白が伸びるようになってしまいました・・。
ライブドアブログのスタンダードピンク3カラムを使用しています。標準仕様に装備されている「クリップ」「フレパ」などのタブが邪魔だと感じ、「デザインの設定」から、それらに関連すると思われる項目を全て削除しました。結果、目的どおりそれらのタブは消えたのですが、そのかわり３カラムのうち右側のカラムについて、困ったことになりました。
IEを利用していますが、ブラウザを伸ばすと、右カラムがIEの右側に応じて横に移動するようになってしまったのです。
なので、画面最大に広げると、左と真ん中のカラムは正常なので、真ん中のカラムと右カラムの間がやたら余白が出来てしまいます。
おそらく真ん中のカラムと右カラムの余白を固定させるのと、ブログそのものの全体的な幅を固定させればよいのかと思うのですが、やり方がわかりません。
マージンなどがカギなのかと思い調べましたが、正直どこに手をつければよいのかお手上げ状態です。よろしければご教授願います。
ブログはこちらですので、必要でしたら覗いてみてください。
2007-04-21 13:45の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
1.
2007-04-22 08:00:47
↑こんな感じで良いでしょうか？
いったん、デザインを元に戻し、
カスタマイズで、HTMLの部分の不用な
部分を削除してトライして見てください。
回答レベル : アドバイス
2.
2007-04-22 09:30:06
CSSの#contentにposition:relative;を入れて
widthを消したら
本文の幅がウィンドウにあわせて可変します。
もしかしたら#leftと#rightに
position:absolute;を入れる必要があるかもしれません。
（こっちのwidthは消さない）
widthを消したら
本文の幅がウィンドウにあわせて可変します。
もしかしたら#leftと#rightに
position:absolute;を入れる必要があるかもしれません。
（こっちのwidthは消さない）
Ads By Google
コメント(1)
#1. りんたん
2007-04-22 09:56:23
おふたりともありがとうございました。
まず、relativeやabsoluteを入れて試したら、
右カラムの状況は変わらず、本文が広くなったと同時に、今度は左カラムが本文の下に回りこむという、最悪の状況になってしまいました。
その後、変更した部分を元に戻して全て再構築したのですが、状況が変わりません。
変えたところは元に戻せば状況は復活する、という認識はCSSに関しては間違っているんでしょうか？
状況がいよいよぐちゃぐちゃになってきたので、データが飛ぶのも覚悟で、最初の回答のとおりデザインをテンプレートに戻して再構築しました。
するととくにデータが飛ぶこともなく、元通りに戻りました！
ただしクリップやフレパなども当然復活・・。
知識が深まらないと思い通りにカスタマイズは難しいようですね。
ありがとうございました。
