ボタンがページの読み込み時に上に表示されています

Question

これはpageにアクセスすると、読み込み時に「カートに追加」ボタンが次のように表示されます。ページに一度

は、それが適切な場所に表示されますよりも、完全にロードされました。

が、ページの読み込み時にも、私は適切な場所に表示します。

.label { 
    color: #000; 
    display: inline-block; 
    font-family: 'Roboto Condensed', sans-serif; 
    font-size: 14px; 
    font-weight: normal; 
} 

.product-view .add-to-cart .qty-wrapper label { 
    line-height: 40px; 
} 

.qty-wrapper, .product-view .add-to-cart .qty-wrapper label { 
    margin-right: 7px; 
    float: left; 
} 

.product-view .add-to-cart-buttons { 
    float: left; 
    margin-right: 10px; 
    max-width: 100%; 
} 

Answer 1

あなたのページのソースコードが痛いです！

すべてのjsファイルの後にスタイル<link rel="stylesheet" type="text/css" href="http://sbdev2.kidsdial.com/skin/frontend/rwd/Style/css/styles.css" media="all" />をロードしています。ページ内のメタタグの下、すべてのjsファイルの下にCSSを移動します。