トップページに組み込んだ「短い一覧」の表示について（IEで表示が欠ける） (No. 1001)

質問

2011-05-20 17:09に「サマリーの文字数について ／ iframe の高さを自動にしたい (No. 998)」の質問をしました者です。

サマリーの文字数については変更できました。

iframe の高さについて、「safari」だったら問題なく高さを自動で表示できるのですが、「Internet Explorer」で開くと、一発目は問題なく表示されるのですが、リロードしたり、お気に入りに入れて再度表示すると、途中で、いつも同じところで表示が切れてしまいます。

あれこれ試してみたのですがダメで、解決方法がありましたら教えていただましたら助かります。宜しくお願いいたします。

回答

【具体的な対応について】

Internet Exploler（IE） だと同様の問題はよく発生しますが、具体的な原因は実際のコードを拝見しないと何とも言えませんので、差し支えなければ生成されたページの URL をお問合せフォームからお送り下さい。またお使いの Internet Exploler のバージョンをお知らせ下さい。（一つのCSSでどのバージョンにも対応させようとするのは難しい場合もあります。）

お問合せフォーム：  https://sugutsukaeru.jp/c/about/contact.html


【一般的な問題点】

Internet Exploler での表示崩れの一般的な原因としては下記の点が挙げられますのでご確認下さい。

■DTD宣言が不正確

HTMLファイルの1行目に記載するDTD宣言が不完全だと表示が崩れる場合があります。
「すぐ使えるCGI」のデフォルトのテンプレートだとこのケースに該当しますので、下記ページ末尾の「短い一覧の編集（オプション）」の部分をご確認下さい。

「インラインフレームのスクロールバーを出さない方法」
http://sugutsukaeru.jp/support/180/index.html

また、このページは「短い一覧」の方の対応をご案内しておりますが、念のため読み込み側（トップページ）のDTD宣言についてもご確認下さい。

もちろん、上記ページ例以外のバージョンのDTDをお使いであればそれでも構いません。


■高さや幅が指定されていない

表示時に、デフォルトの高さや幅が指定されていないとその中の要素の再読み込みなどがうまく行かない場合があるようです。表示が途切れてしまう部分の周辺の幅と高さが指定されているかご確認下さい。


■高さや幅の整合性が取れていない

例えば入れ子になった要素の内側要素の幅の合計が外側の要素の幅を超えているなど、幅や高さの指定に不整合があると表示がうまく行かない場合があるようです。そのような問題が無いかご確認下さい。


■他の要素との競合

（今回の場合は再表示の時のみうまく行かないとの事ですのでおそらく該当しないと思いますが、）読み込み側に Flash などが組み込んであるとこれが原因になって高さ調整のための JavaScript が期待通り動作しない場合もあります。



◆いただいた入力からの変更点

問題の詳細情報を追記しました