2012-04-03 12 views
0

Ich habe eine Reihe von Bildern, die jeweils mit der float: left Eigenschaft auf sie angewandt. Sie sind withing ein 400px Breite Bereich beschränkt, so dass sie in ein Raster von 4 zwingen X 4. Wenn ich versuche, die Position von ihnen zu bekommen, sie sind immer falsch. Was verursacht das? Sie können sehen, was ich hier versuche: http://dev.redemptionconnect.com/cards/browse. Klicken Sie auf eines der Bilder, um zu sehen, was ich meine. Der Dialog, der erscheint, sollte über dem Bild sein, auf das Sie geklickt haben. die zugrunde liegenden <img>:jquery Offset falsch auf schwimmende Elementen

+0

Der Code auf Ihrer Website ist horrend, wenn I-Quelle anzuzeigen. Versuchen Sie, den zugehörigen Code direkt in der Frage zu veröffentlichen. – Jasper

+0

wow. das ist so komisch. Es ist schön und in meiner Quelldatei formatiert. eine sec – LordZardeck

+0

http://pastebin.com/raw.php?i=1zd1h4TV das ist die Quelldatei – LordZardeck

Antwort

2

So wie ich es sehe, sollten Sie den Versatz der tatsächlichen Floats werden überprüft. Sie sind in der Tat von der Inline-Layout-Natur der Links gelöst, wenn sie schweben, wobei die Links unter top:0;left:0 belassen werden.

Sie auch könnten, loszuwerden, die <a> und gelten für die Bilder, die Click-Ereignis. Oder float:left die <a>, was auch immer Sie bevorzugen.

+0

den Klick auf das img Anwendung nur erlaubt für die linke Position korrekt ist. das obere ist immer noch falsch – LordZardeck

+0

ok, es hatte mit der Zeilenhöhe zu tun. Vielen Dank! – LordZardeck

+0

Ein 'display: block' zum' 'würde das auch beheben. Großartig, es hat geholfen! – keystorm