close ad
WARNING PC USERS: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

contact form loading speed issue?

Thread began 9/20/2011 8:32 am by j.dobres416289 | Last modified 9/20/2011 5:27 pm by j.dobres416289 | 930 views | 2 replies |

j.dobres416289

contact form loading speed issue?

To Webassist

I have bought two contact forms for two different domains and I have noticed a slight glitch when the contactus.php page loads on the sites.

The contactus.php web page momentarily jumps a few pixels to the right when the page loads and an instant later it then jumps back again- all this happens in less than a second but is noticeable.

I have also noticed....
1)It happens in IE9 and Safari 5.1 - it doesn’t seem to happen in firefox 6 or Google Chrome.
2)It doesn’t happen every time - probably about 30% of the time
3)If I reduce the zoom level on the contact page enough to see the whole web page( so that scroll bars do not appear) then the effect disappears


I have tried to fix this but not succeeded so far

Based on 3) above I think the issue is arising because my web pages are auto centred using a fixed width web page with the left and right margins set to auto.

Thus putting all this together I think that the contact page may be loading relatively slowly?

Thus the problem might be arising because the browser doesnt initially generate scroll bars for an instant because it isnt 'aware' of the contact form (because it's still loading???) - another instant later as the contact page loads the browser generates the scroll bars and as the width has now increased by the width of the scroll bars the browser has to recalculate the centre position and thus moves to the new centre position (as per the CSS auto margin code mentioned above - thus causing the flicker?

Thus if my analysis is correct could you please throw some light on why the contact form might be loading relatively slowly in ie9 and safari 6?

How can I solve this and still use auto margin to centre the fixed width web page?

Hopefully someone else has noticed this and found a fix?

Jonathan
j.dobres@blueyonder.co.uk

Sign in to reply to this post

Jason ByrnesWebAssist

Using css, you can force the page to have scroll bars, See the following page for details:
349-eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/

Sign in to reply to this post

j.dobres416289

solved

added the following CSS code to my site's style sheet

html { overflow-y: scroll;}

It worked!

Thanks for your help

Much appreciated

Jonathan

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...