• ベストアンサー

【助けて!】MovableType3カラムで中央カラムのレイアウトが崩れる

MovableTypeで3カラムのブログを作っていますが、 ブラウザ一杯にして見ると問題ないですが、 ブラウザを縮めるうちに中央カラムだけが下に落ちてレイアウトが崩れます。 崩れないようにしたいのですがどうすればよいでしょうか? ちなみに中央カラムには「テーブル」でレイアウトを整えています。 --- 例えば下のサイトはブラウザ伸縮しても崩れません、 何とかこんな風にしたいのです! http://e-words.jp/ http://www.harakiri-style.com/mybubble/

質問者が選んだベストアンサー

  • ベストアンサー
  • vista2446
  • ベストアンサー率46% (131/279)
回答No.1

2つのサイトともテーブルで3カラムを表現しているようです。 レイアウトをテーブルで決めてしまえば、崩れることも少なくなります。Movable Typeはボックスでレイアウトされていると思います。テンプレートのメインページをテーブルレイアウトに書き換えるか、ボックスを崩れないよう書き直しましょう。 ボックスの場合、ブラウザで表示が変わってしまうことがありますので、まず2カラムに分け、その1カラムを2カラムに分ける方が崩れにくくなると思いますが。。。 テーブルでも、ボックスでも幅の指定に矛盾が出ないようご注意ください。

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

幅が問題です。 幅を%で指定した場合、%数値が合わなくなったり %対応が限界になり落ちる場合もあります・・・ 100%未満で調整したり幅だけピクセル指定で合わせた方がいいでしょう。 尚、px指定でも記事によっては改行されずに幅をオーバーする場合もあります・・・ (幅より大きな画像、半角の連続英単語、長いURL等)

すると、全ての回答が全文表示されます。

関連するQ&A