Problem on refresh page: text/content is SHAKING?

HTML & CSS
1

Hi,

I have a really strange problem and i don’t know what is causing it. For some reason when i re-visit and refresh my website the content and text is moving from DOWN to UP… but i don’t know how to fix it, or what is causing it?

http://sandbox.shokuninserver.com/~nino/

URL to website.

Can somebody please give me a solution on how to fix this?

Thanks!

2

I’m not seeing that, did you fix this?

3

Yeah, I’m not seeing it either.
I sometimes get the effect that you describe on my Linux PC, presumably due to dodgy drivers for the graphics card.

4

@Pullo and @OzRamos

Thanks anyway guys. I have managed to fix it. The problem is i am using an SVG as a object on my website but didn’t set the height and 100% width of the SVG so it is pushing down the content every time on refresh.

Thanks anway!

Greetings,
Nino

1 Like
5

Yeah the problem is that the height/width weren’t set of it in the HTML (height/width attributes), which reserves the space of the object while it loads. So the browser will load the text in a certain position and then it will have to reset the objects height which then pushes the text.

This is a common effect on images for when people forget to set them.

6

n_merciano,

Would you mind describing your testing environment a bit for us? I looked at your site, too, and saw nothing “shaking”, so the problem sounds like it is O/S or browser specific. For the history books, it would be helpful if you could tell us more about your testing environment.

Thanks.

PS: you may have mentioned your environment in other topics. If so, I apologize, but I have not been following the others.

7

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.