All Pages Jumping From Right To Center On Load

Posted by Community Admin on 04-Aug-2018 19:17

All Pages Jumping From Right To Center On Load

All Replies

Posted by Community Admin on 07-Sep-2012 00:00

Working on client site developed by someone else. Each page that opens/loads jumps slightly from right to center. Please see www.DataMyx.com and click on any page from any page and you will notice the slight jumping and delayed loading of the page(s).

Posted by Community Admin on 08-Sep-2012 00:00

I see you have a main table with width="100%" and then inside you have 3 <td> tags - with ids of "pgl", "pgm" and "pgr" - the middle one has a fixed width of 820px but the left and right cells have no widths whatsoever. So until the contents of the middle <td> is loaded the width of the right <td> is unknown and the browser "thinks" it has width 0px.

You could try this - in the main table add only one <td> and then in this <td> add a new table and have these three <td> tags there. Or you could try adding a width="50%" to the pgl and pgr <td> tags or add an additional <tr> and put empty <td> tags there with these widths so the browser would know how to center properly the contents until it loads.

Posted by Community Admin on 08-Sep-2012 00:00

Thanks Lupi,

That makes sense. Now in your answer, in the second paragraph you said, " or add an additional <tr>" Did you mean an additional <td>? Or was what you wrote correct?

Better yet, if I gave you the log in details could you fix it for me? :) This is not really my area of expertise. I usually work on site builders that write a lot of the code themselves. I write and edit HTML ok, but when it comes to tables I am not that confident of myself and don't want to mess up a clients site by "trying my hand at it" if you know what I mean? :) I do awesome on-page advanced SEO and would trade services with you. Search the term: Advanced SEO Boca Raton on Google and you'll see me at the very top of the page. Thanks again for your expert knowledge and help.

Posted by Community Admin on 09-Sep-2012 00:00

Hi John,

No, I actually meant add an additional <tr>. So if in your HTML code you should add this in bold:

<tr>
  <td width="50%">&nbsp;</td>
  <td>&nbsp;</td> 
  <td width="50%">&nbsp;</td>
</tr>

<tr>
  <td id="pgl">&nbsp;</td>
  <td id="pgc">*CONTENTS HERE*</td> 
  <td id="pgr">&nbsp;</td>
 
</tr>

The logs will not be very useful as this is a purely HTML/layout issue. But if you're interested - send me some details at info@sitefinitytools.com

This thread is closed