I don’t understand why when I load my page:
http://judopassion.com/wordpress/
during the page loading, my header moves up and down, until it stops.
What css problem is?
Thanks.
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
This is because your facebook plugin is loaded asynchronously with the webpage. This means that the area taken up by your facebook/social plugin has a height of 0 initially and after it is loaded which is post-page-render by browser so therefore it moves the header down.
If you look at it carefully, the facebook plugin is not loaded initially. And your header moves down after it is loaded 😀
There is an easy fix for it. Just set the height of the facebook part to a preset height of
height: 30px;