Help Please. Page Jumps From Right To Left On Load!! Driving Me Crazy!! =(

[eric23sav]

Hello everyone.

I am having the worst time trying to figure this one out. I created a site for a hair salon and every time the page loads for the first time, it jumps from right to left. Does anyone know why it is doing this? There is an example link below.

Thank you so much for taking the time to read this.

http://www.erizzo.net/studiod/index.html

[eric23sav]

Can anyone help with this? I'm lost for what to do.

[criterion9]

It didn't jump left or right for me. What browser are you using, etc?

[verikal]

I dont see any jump.

[eric23sav]

Hello. Thanks for the responses!

I have tried this on both Mac and PC and had the issue for each. The browsers I used for Mac were Safari, Firefox and Opera. For PC it was just IE.

I took a video screenshot of the page jumps that you can view below. It happens on all pages but sometimes it goes so fast you don't see it. You should be able to get a good idea from the video screenshot.

http://www.erizzo.net/example/example.html

[verikal]

You have many problems with your code.

1. The tables are set to width 100% try setting them to the real width so slow browsers wouldn't have to calculate the page width. This might solve your problem.

2. You have a message from your hosting company at the bottom of your source code.

3. Use W3C Markup Validation Service. To fix your markup problems

[eric23sav]

I fixed the index_body.html table width to 1040 instead of 100% on all pages. Still did not work:

http://www.erizzo.net/studiodwidth/

Thanks so much for trying =( I'll note the other advice.

[verikal]

Another suggestion try to reduce the number of nested tables.
you can start with your first table containing the main background.
and set the body background with css.

body{
 background:url(/images/back_bod_grad.jpg);
}

[eric23sav]

Thanks so much for the advice. I actually tried removing that table as well a while ago in all the pages and yet another failed attempt. I used that table in the first place as I wanted my gradient to go only so far down the page and to have the background set to the dark grey so the gradient would fade into the background. Didn't know another/better way to do it. I am still very new at HTML as I'm sure can tell. Really want to take it further but man, sometimes I could rip out my hair! lol

[eric23sav]

Can anyone figure it out?

[criterion9]

I'd say it has to do with your nested tables and validation errors. Fix the errors first and see if that stops the jumping. If it persists try transitioning to more div based layout with css styling and see if that helps.