Nivoスライダが中央に配置されていない

enter image description here http://waterski.allthingswebdesign.com/index.php/site/indexをチェックすると、私のNivoスライダがバックグラウンドの中央に配置されていないことがわかります。なぜこのことが分かりませんか？（2番目と3番目の画像は無視されますが、正しいサイズではありませんが、1番目の画像は正しいです）。Nivoスライダが中央に配置されていない

2011-07-13 Catfish

スライダが中央に表示されているようです。あなたはどんなブラウザですか？スライダー内の画像について話していますか？ – alt

クロム、ファイアウォール、サファリ、オペラでテストされています...スライダは中央に配置されています。画像は、スライダとまったく同じサイズではないため、左上に揃えられます。 – alt

ジャクソンと合意し、それは中心に置かれています。 IEを使用している場合は、構文エラーが発生している可能性があります。もし私が

をIEで呼び出さなければ、彼らは事を中心にしないことを知っています。ここでChromeを使用する。 –

次の2つのオプションを持っている...

：ソフトウェアのために設計されたものを行うと、画像の正確なサイズを使用します。

b：境界線のスタイルを削除し、スライダ自体から影を落として、画像に適用します。それから、CSSスタイルを使って画像を中央に配置します。

#slider img{ 
    margin-left:0 auto; 
    margin-right:0 auto; 
}

本質的に、スライダーdivのすべてのトレースを非表示にして、画像を中央に配置するだけです。それは奇妙なことですが、それがあなたのために行くなら、あまりにも多くのパワー。

2011-07-13 16:06:52 alt

私は質問でこれを明確にしなかったと思うが、写真は結局すべて同じサイズになる。これらは、私が敷設したばかりのテスト写真です。すべての写真を同じサイズにすると、問題が解決すると思いますか？ – Catfish

はい、そうです。それが私の最初の答えです。画像を#sliderの正確なサイズにします。 – alt

チャームのように働いた。私はちょうどそれを正しい方法でやっていたはずです。 – Catfish

その理由は、Nivoスライダーは特定の幅と高さを持っているからです。あなたのイメージはそれを埋めるものではありません。 イメージのはありません。

最初のイメージはほとんどそれですが、それはないので、右側と下側にいくらかのスペースを残します。

2011-07-13 15:50:20 Joonas

問題は画像サイズで、nivoSliderは背景画像としてを使用しているため、imgタグや中央のように再サイズはありません。画像は830x302ピクセル、nivoSliderコンテナは838x311ピクセル、です。これはあなたが見る違いです。

2011-07-13 16:03:00

答えて