css - このシンプルなスライドショーを中央に配置するにはどうすればよいですか?

Question

このスライドショーを中央に表示しようとしましたが、成功しませんでした:

http://www.lateralcode.com/simple-slideshow/

それposition: absoluteが本当に私を悩ませているようです...

このスライドショーを中央に配置して、ページのサイズ変更時に正しく表示され、スライドショーが引き続き正しく機能するようにするにはどうすればよいですか?

助けてください！

Answer 1

これを使用して動作させました：

.ppt img { margin-left:-50%; }
.ppt li { left:50%; }

Answer 2

position:absolute次のように css プロパティを取得した要素を中央に配置できます。

.elem { 
    position: absolute; width:200px; height:200px; left:50%;
    margin-left:-100px; /* you need to deduct half width from margin left */
}

ここにjsFiddleがあります。

Answer 3

その ul を div でラップします。

<div id="slider">
  <ul></ul>
</div>

#slider{
width:650px;
margin-left:auto;
margin-right:auto"
}