ie7での表示がおかしくなる・・・＞＜

質問

http://www.chateau-de-versailles.jp/items/cv6910/cv6910.html

上記のページでは、下記のページを　iframe　で読み込んで左上に表示しています。

http://www.chateau-de-versailles.jp/items/cv6910/color/gallery.html

ie6で表示したところ、どちらのページも問題なく表示されました。
ただ、ie7で表示させると以下のようになってしまいます。

http://www.chateau-de-versailles.jp/items/cv6910/cv6910.html
上のページでは、読み込ませた部分の　カラー名の箇所　に不具合がでる。

しかしながら、

http://www.chateau-de-versailles.jp/items/cv6910/color/gallery.html
上ページだけを表示させるとie7でも問題なく表示されます。

なぜこのようなことになるのでしょうか？
原因がまったくわからず困っています。

ご回答何卒宜しくお願い致します。

ちなみに、OSは windows xp です。

回答No.1

yyr446 · ベストアンサー

確かにIE７だと。表示されていませんね。
IEの時だけだめなのが解せませんね。
とりあえず、GalleryViewを最新のVer2.0にしてみるとか、
親HTMLのprototype.jsとの競合防止を子HTMLに施すとか
var $j = jQuery.noConflict();
としてから
$j(document).ready(function(){
$j('#photos').galleryView({
panel_width: 450,
panel_height: 380,
frame_width: 80,
frame_height: 80,
filmstrip_size:4,
overlay_opacity: 0.30,
overlay_height:30,
background_color: '#000000',
border: '0px solid #555555',
pause_on_hover: true
});
});
にしておくとか、
それでもだめなら、IEかどれかのライブラリーのバグでしょうね。
原因切り分けに時間をついやすぐらいなら、
別手法に逃げるか、あきらめた方が速いすよ。

お礼

ありがとうございます。
やはり　prototype.js　との競合による物のようですねぇ。
別の方法に切り替えるのがお答えいただいた通り一番良いのかと思います＾＾

もともとページに負担が大きすぎて、もっと簡潔なやり方もあると思っていたので、あまり気に入っていませんでしたし（笑）

良い機会なので原因究明とともに別の手法で頑張ってみます＾＾