0

Having an issue in IE where my horizontal scroll bar is not showing up on my gallery Chrome and FF are working fine.

CSS

ul.images 
{
margin: 0;
padding: 0;
white-space: nowrap;
width: 100%;
overflow-x: auto;
}

ul.images li 
{
display: inline;
height: 200px;
}

HTML

<ul class="images">

<li><a target="base" href="text.jpg"><img src="test.jpg" height="160px" border="0" ></a></li>

<li><a target="base" href="test.jpg"><img src="test.jpg" Height="160px" border="0" ></a></li>

</ul>

Any help would be appreciated thanks.

4

1 に答える 1

0

IE が私が書いたコードと連携するかどうかを確認するためにいくつかのテストを行いました。動作しているように見えましたが、使用しようとしていた IE のバージョンについて言及していませんでした。次に、いくつかの小さな変更を加えてコードの別のコピーをテストしましたが、それもうまくいくようでした. これはおそらく g であるため、IE7 と IE8、さまざまなブラウザー モードと組み合わせを試しました。私は掘り下げて、これを見つけました： http://www.brunildo.org/test/Overflowxy2.html

これでこの方法の問題の多くがカバーされると思いますが、正確かどうかはわかりませんでした。私は IE のテストに利用できる多くの条件の下で彼の Web サイトをテストしましたが、彼は非常に正確です。

お役に立てれば。これは、いくつかのテストを行うために作成したJSフィドルです。これはコードの変更されたコピーですが、CSSを正確に保つようにしました:

ul.images 
{
margin: 0;
padding: 0;
white-space: nowrap;
width: 100%;
overflow-x: auto;
}

ul.images li 
{
display: inline;
height: 200px;
}

http://jsfiddle.net/H89WE/embedded/

于 2013-09-18T16:51:57.857 に答える