ブログを作ったのですが表示が思うように出来ません。

http://hokkaido-iitoko.com/toriyoseが私のページなのですが
ウィンドウを縮めると2段目が落ちるようになってしまいました。
これを直す方法を教えてください。
よろしくお願いします。
具体的にここにこういう記述をしたらというような
解決方法を教えていただきたいです。

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2011/02/08 22:44:09
  • 終了:2011/02/09 23:02:41

回答(1件)

id:pocori No.1

ぽこり回答回数250ベストアンサー獲得回数272011/02/08 23:11:56

ポイント70pt

丸コピーだと、後で、ご自身で直せなくなりますので、

考え方をお伝えします。

崩れにくいレイアウトのコツ

1、絶対的な外枠の幅を指定する。

崩さないための基本テクニック

http://css.uka-p.com/cause/width_over.html

2、「3分割」でなくて、2分割の中に、

  入れ子で、さらに2分割を組み込む。

3カラムの具体的な実施方法

http://css.uka-p.com/3column/image.html


ヒントとしては、一番外枠のdivの指定がそもそも抜けているか、

もしくは、幅の設定がされていない事が考えられます。

id:ringomaru

ご丁寧にご回答いただき、大変ありがとうございました。

私のCSSフォルダの保存先が間違っていたようで別なフォルダの中にある

CSSを何度も直していました^_^;

お恥ずかしい限りです。

無事に元通りにすることが出来ました。

ありがとうございました!!

2011/02/09 23:02:01
  • id:pocori
    補足です。

    ご自身で、CSSを組んだのかと勘違いをしていました。ムーバブルタイプを軸に組まれたのですね。

    その結果、<div>の多重構造で組まれてしまっているようなので、複雑になっていますね。
    2カラム目、3カラム目は、外枠のdivの中に収納されていますか?

    格納されていた場合に、幅の指定がなかったり、決め方を間違うと、下に回りこんでしまいます。
    下記を、参照して指定をしてみてください。

    http://desperadoes.biz/style/dan/

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません