2012-04-03 12 views
0

私はそれぞれfloat: leftプロパティが適用された一連の画像を持っています。それらは400pxの幅の領域で拘束され、4×4のグリッドにそれらを強制します。私がそれらの位置を取得しようとすると、それらは常に正しくありません。これを引き起こしているのは何ですか?私はここで何をしようとしているのかを見ることができます:http://dev.redemptionconnect.com/cards/browse。イメージの1つをクリックすると、私の言いたいことが分かります。ポップアップするダイアログは、クリックしたイメージ上に表示されます。浮動要素のjqueryオフセットが正しくありません

+0

私はview-sourceのとき、あなたのサイトのコードは恐ろしいものです。関連するコードを直接質問に投稿してみてください。 – Jasper

+0

うわー。それはとても奇妙です。それはいいですし、私のソースファイルでフォーマットされています。 1秒 – LordZardeck

+0

http://pastebin.com/raw.php?i=1zd1h4TVこれはソースファイル – LordZardeck

答えて

2

実際のフローティング要素のオフセットを確認する必要があります。その下にある<img>。実際には、フローティング時にリンクのインラインレイアウトの性質から切り離され、リンクはtop:0;left:0のままです。

また、<a>を取り除き、そのクリックイベントを画像に適用することもできます。またはfloat:left<a>です。

+0

をクリックするだけで、左の位置が正しいことが許可されたimgに適用されます。トップはまだ間違っている – LordZardeck

+0

大丈夫、それは行の高さと関係がある。ありがとう! – LordZardeck

+0

'display:block'を' 'にすると、それも修正されます。それは大いに助けました! – keystorm

関連する問題