Adsense Javascript alignant le site sur la droite lors du chargement

Question

Fondamentalement, la page est codée centrée, mais ce qui se passe est que sur le chargement, il va vers la droite, charge complètement la page avec toutes les images, toutes les publicités, puis quand il est finalement fait, il va revenir au centre.

Voici le CSS: note Je suis un noob total, donc la plupart d'entre eux est bricolé depuis d'autres sites. Le seul javascript sur le site est le google adsense.

body, html { 
    margin: 0; 
    padding: 0; 
} 

body { 
    background-color: #0A0A0A; 
    background-position: left; 
    background-repeat: no-repeat; 
} 

img { 
    border: 0 none; 
} 

p { 
    margin: 0; 
    padding: 0; 
} 

.shell { 
    background-color: #0A0A0A; 
    margin: 0 auto; 
    width: 750px; 
} 

.topnav { 
    border-bottom: 2px solid #68879A; 
    text-align: center; 
    width: 100%; 
} 

.topnav ul { 
    height: 20px; 
    line-height: 18px; 
    list-style-image: none; 
    list-style-position: outside; 
    list-style-type: none; 
    margin: 0; 
    padding: 2px 0; 
} 


.topnav a { 
    border-right: 2px solid #484848; 
    color: #ABAAAA; 
    display: block; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    padding: 0 5px; 
    text-decoration: none; 
    text-transform: uppercase; 
} 

.topnav a: hover { 
    color: #FFFFFF; 
    font-size: 10px; 
    text-decoration: none; 
} 

.homenav a { 
    color: #999999; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    margin: 0; 
    text-decoration: none; 
    text-transform: uppercase; 
} 


.homenav a: hover { 
    color: #FFFFFF; 
} 

.textbig { 
    background-color: #0A0A0A; 
    background-position: left top; 
    background-repeat: repeat-x; 
    clear: both; 
    color: #999999; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    padding: 5px 0; 
} 

.text { 
    background-color: #0A0A0A; 
    background-repeat: repeat-x; 
    clear: both; 
    color: #999999; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    padding: 5px 0; 
} 

.footer { 
    background-color: #0A0A0A; 
    background-position: left top; 
    background-repeat: repeat-x; 
    clear: both; 
    color: #999999; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    padding: 20px 0; 
} 

.footernav { 
    float: left; 
    width: 90%; 
} 

.footernav a { 
    color: #999999; 
    text-decoration: underline; 
} 

.ImgBorder { 
    border: 1px solid black; 
} 

.ImgBorder: hover { 
    border: 1px solid white; 
} 

Answer 1

Sans regarder votre code, il est difficile de dire pourquoi cela se produit.

Je peux deviner cependant.

Vous pouvez avoir un lien vers une feuille de style ci-dessous un JavaScript include en haut de la page. La page est considérée comme en cours de chargement jusqu'à ce que tous ses éléments soient chargés (y compris JavaScript). Vous pouvez essayer de déplacer vos références Javascript à la fin du document juste au-dessus de la balise </body>.