I have just finished a site here www.jonoliver.com. For some reason there is a slight nudge in the container when you go from certain pages. Does anybody have an idea about why this is happening?

 

Any help is greatly appreciated.

Does this nudge happen in every browser? And what pages exactly does it happen on?

 

Cheers

Have a look on the right and see if there is a scroll bar, now change to a page where the nudge happens has the scroll bar either appeared or disappeared?

Like Dizi said, it's probably the scrollbars in browsers like Firefox. There is a simple fix here.

 

Basically you add this to your CSS

html { height: 100%; margin-bottom: 1px; }

Have a look on the right and see if there is a scroll bar, now change to a page where the nudge happens has the scroll bar either appeared or disappeared?

 

The scroll bar is present on all pages in firefox on pc on my monitor. Yet when you move from, for example, working with joc to about, there is a little shift to the right, then when the page has loaded it shifts back to where its meant to be. very strange. Any other ideas?

Does this nudge happen in every browser? And what pages exactly does it happen on?

 

Cheers

 

Strangely it all works fine in firefox on mac, but not on firefox on PC. When you move from, for example, working with joc to about, there is a little shift to the right, then when the page has loaded it shifts back to where its meant to be. very strange. It works fine in IE7 on pc, for once!

 

Any other ideas?

hmmm odd - it sounds like a loading order problem - i.e. it is loading your content before it styles it; or not rendering it quickly. But if the problem is rectified once the page has completely loaded then it isn't so much a css problem as an oversight...

 

someone else will have to advise on this because I am no expert in loading speeds etc...

It looks fine in chrome, sometimes this occurs because of JS, but you don't really have any.

 

This though should be at the end of your page before the closling </body> tag

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> 
</script> 
<script type="text/javascript"> 
_uacct = "UA-545322-1";
urchinTracker();
</script>

 

It's also a good idea if you place always put your js before the closing </body>

It looks fine in chrome, sometimes this occurs because of JS, but you don't really have any.

 

This though should be at the end of your page before the closling </body> tag

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> 
</script> 
<script type="text/javascript"> 
_uacct = "UA-545322-1";
urchinTracker();
</script>

 

It's also a good idea if you place always put your js before the closing </body>

 

I've got loads of JS! Do you think that is the problem? I haven't put a tracker on yet because it is not on its live domain yet. I will when it goes live