0

ResponsiveSlides.js(http://responsive-slides.viljamis.com/)を使用して、私が取り組んでいるウェブサイトにスライドショーを表示しています。これはOpera、Chrome、Firefoxで完全に機能しますが、IEは想定していたよりもはるかに大きな画像を表示します。以下はその例です(http://www.brooklynlutheran.com/ie-maxwidth-test.asp)。 ResponsiveSlides.jsが提供するデモコードは正常に動作しますが、違いはありません。誰かが私が間違っていることを教えてもらえますか?Internet ExplorerでResponsiveSlidesスライドショーを動作させるにはどうすればよいですか?

ありがとうございます。

+0

既知のエラーがあるかどうか、または何か間違っているかどうかを確認してください。誰かがトラブルシューティングをするためのコードやマークアップを提供することなく、本当に一般的な質問をするためにここで爆破されるでしょう。 –

+0

私は使用されている最大幅のCSSプロパティが嫌いです。他のすべての要素がその親divの全領域を占め、スライダだけが400pxであるため、幅:400pxではなく最大幅を使用することができます。多分それは助けます。 –

+1

@Jay Blanchard - 彼は実際にコードを提供しました:)そしてその質問はまったく一般的ではありません。 –

答えて

2

IEが認識できない可能性があるため、最大幅:400ピクセルが問題になる可能性があります。私は私が仕事から家に帰ることを約午前の研究原因を行って、しかし...このようにそれを入れていない:

<li><div style="width:400px;">[rest of code inside<li></li>]</div></li> 

これは、その中に画像を自動サイズ変更ではないかもしれないが、少なくとも、それは制限する必要があります。次に、サイズを減らすためにいくつかの追加コードが必要になるかもしれません。それが役に立てば幸い。私が家に帰ってくるまでに誰も助けてくれないなら、私はそれを解決しようとし、ヒントを与えるだけではありません。幸運:)

編集:

<li id="rslides1_s0" style="display: none; float: none; position: absolute; " class=""><div style="width:400px;"><img src="./IE Maxwidth Test_files/test-pic1.jpg" alt=""></div></li> 

リスト項目は、これらの(追加の点に注意してください)のように見えるしてくださいあなたは著者と通信する必要があるのですか、それはIEに固定されている:)

+0

ところで:あなたの質問に答える "誰かが私が間違っていることを教えてもらえますか?" - 私はこの問題の欠陥は、クリエイターの監督になると思う:IEは最近非常に普及していない、それはちょうどそれをテストしないことにつながる可能性があります。さらに、CSS3はまだ安定しておらず、今後も変更される可能性があるので、IEは単純に削除/変更/最大幅のプロパティを追加していないか、別の名前が付けられています:) –

+0

私には確信があります。 –

関連する問題