How to fix background positioning problem?

Hi,

I use a script for a popup. This works great, but when the popup comes foreward, the background jumps to the top position. That is not what I want. The background page is large and de popup is only for aditional information. When the visitor clicks it away, he must can continue where he left. How can I fix this? What element in the script is responsible for repositioning the background?

</script>

</head>

<div id="cover"></div>
<div id="dialog">
<iframe width="680" height="700" src="#" frameborder="0" scrolling="no"></iframe>
<br><a href="#" onclick="closePopUp('dialog');"><input type="button" value="close" /></a></div>
<a href="#" onclick="showPopUp('dialog');" style="text-decoration: none">show popup</a>

Re: How to fix background positioning problem?

Well I pasted your code and I can't reproduce the issue you're getting.

Eitherway try returning false when firing the javascript:

<a href="#" onclick="closePopUp('dialog');return false"><input type="button" value="close" /></a>
<a href="#" onclick="showPopUp('dialog');return false" style="text-decoration: none">show popup</a>

Re: How to fix background positioning problem?

Thanks CollyMelon,

What now happend is that the baground is blocked and the popup is shown on top at the same place as before...

Is seems that the whole script is related to the absolute 0 of the web page.