IE7 issue within style="position:relative" container

49 views
Skip to first unread message

PaliGap

unread,
Feb 29, 2008, 11:16:44 AM2/29/08
to reCAPTCHA
If the Captcha code finds itself within a container where CSS
position: relative has been set it seems the text field position gets
screwed up (in IE7 at least, not in FireFox):

E.g here:

<div style="position: relative" >
some stuff
<script type="text/javascript">
//<![CDATA[
var RecaptchaOptions = {"theme":"white"};
//]]>
</script>
<script src="https://api-secure.recaptcha.net/challenge?
k=6LeULQEAAAAAAK0COpbBDRx%2dE8q49vB4veh0vnyB" type="text/javascript">
</script>
more stuff
</div>

Putting the code in a <div> with position: absolute seems to fix it -
but it's not ideal!

<div style="position: relative" >
some stuff
<div style="position: absolute" >
<script type="text/javascript">
//<![CDATA[
var RecaptchaOptions = {"theme":"white"};
//]]>
</script>
<script src="https://api-secure.recaptcha.net/challenge?
k=6LeULQEAAAAAAK0COpbBDRx%2dE8q49vB4veh0vnyB" type="text/javascript">
</script>
</div>
more stuff
</div>

Krzysztof Bieleńko

unread,
Apr 6, 2008, 12:11:21 PM4/6/08
to reCAPTCHA
Thanks for the tip!
Reply all
Reply to author
Forward
0 new messages