I only now realized that the 'structure' of your page is much more unusual than I initially thought .

When I click on the link you provided for your test page, there is no picture showing up, - i.e. not until I click on 'Contact', whereupon the whole page seems to slide to the left until the picture shows up...

I think Eric probably has a point in that the different 'responsivenesses' () between your highly unusual page structure and the form are somehow incompatible and are fighting each other... Sorry, I'm not smart enough to be able to help you there...

OK, but that's the point. it is 1 page design. every click moves the page.
when you click the 'contact' button, everything moves until the picture part.

I made the site up with project 7 's 'respons-ability' and the 'tap panel magic2' for the buttons.

unfortunatedly for me, the people from project7 doesn't have an answer either...

but, thanks all for your effort... appreciate it a lot!

btw when I use the popup version, would that be an answer?

Probably worth a try...

Little more cool affect.

too bad... won't work either...
i can get a pop up but the content and the buttons are scrambled again...

nothing to do I guess but to start all over again with a new design

I bet some of the scripts are conflicting. Maybe this will help.
http://stackoverflow.com/questions/8944 … onflicting

hi eric, I can't figure it out...
but this is the script used in my html:

<div class="p7tpm-column-content border-left p7ehc-6">
<h2>Contactform</h2>
<div style="max-width: 400px">
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"contact%2520All-Con.php" + window.location.search + "\" width=\"100%\" height=\"981\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"contact%2520All-Con.php\" title=\"contact%2520All-Con\"&gt;Check out my CoffeeCup Form&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="100%" height="981" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="contact%20All-Con/contact%20All-Con.html">
&lt;a href="contact%20All-Con.php" title="contact%20All-Con"&gt;Check
out my CoffeeCup Form&lt;/a&gt;
</iframe>
</noscript>
</div>
</div>

Hiya Piet,

Try resaving your form without spaces in the names of anything. You should never use spaces in the names of files or folders that you are putting on the web. Let us know if that does anything to help.

hi Jo Ann, thanks for your tip, but what do I have to delete in the code?
spaces are that the % with the figure after?

sorry, I'm not a webwizzard like you all...

ps I also noticed that I do not have a problem in Safari. Firefox en IE gives the problem...

Just open your form and save it with a name that doesn't have spaces in it so if the name is:

my web form

Rename it as

my-web-form or my_web_form so there are no spaces in it. Replace the spaces with dashes or underscores.