0

何らかの理由で、私の Web ページが Firefox バージョン 14.0.1 で正しく表示されません。IE9、Safari、chromeでは正しく表示されます。私の友人も私と同じ経験をしたと言っていました。

Firefox でズームアウトまたはレイアウト変更を行うと。しかしその後、YouTube の動画が不鮮明になり、ピクセル化が始まります。友人に自分のコンピューターで Firefox をチェックするように頼んだところ、同じことが起こりました。

http://wwww.streetstyles4all.co.uk/images/screen_shot.jpg

左上のスクリーン ショットは、ページがどのように読み込まれるかを示しています。右上はズームインまたはズームアウトした後を示し、左下は上下にスクロールした後を示します。

HTML:

問題のセクションの HTML は次のとおりです。

 <div id="homewallcontainer">

                <div id="homesidenavcontainer">

                <script type="text/javascript" src="http://forms.aweber.com/form/23/850302323.js"></script>
                </div>

                <div id="newsletterblurb">
                <p>
                Learn everything you need to get yourself going in the world of street dance, tips, facts, what to wear, music, videos and more.  Just fill in the form above - simple!
                </p>
                </div>  

                <div id="contentcontainerhome2">
                   <h1>Street Styles 4 All is the place to be for street dance! With classes, DVD's that are sold worlwide, dancers for hire, streetwear...find out why you should choose Street Styles 4 All:
                   </h1>
                            <div id="homess4atrailer">
        <iframe width="466" height="302" src="http://www.youtube.com/embed/QyhgZ6I_DHo" frameborder="0" allowfullscreen></iframe>
        </div>


           </div>


    </div>

CSS は次のとおりです。

#homewallcontainer {
background: url("images/wall.png") repeat scroll 0 0 transparent;
height: 542px;
margin-top: -1px;
width: 960px;
}

#homesidenavcontainer {
float: left;
margin-left: 41px;
margin-top: 110px;
width: 253px;
}

#homesidenavcontainer {
float: left;
margin-left: 41px;
margin-top: 110px;
width: 253px;
}

#contentcontainerhome2 {
float: right;
margin-right: 17px;
margin-top: 46px;
width: 528px;
}

#homess4atrailer {
margin-left: 56px;
padding: 38px 0 10px;
}
4

2 に答える 2

1

最初: あなたの質問/問題は非常に不明確です。サイズ変更の問題はありません。サイズを変更すると「正しく見える」めちゃくちゃな Web サイトがあるだけですよね？それが言いたいことですか？

あなたの問題は次のとおりです。サイトはアマチュアによって構築されています。多くのレイアウトの問題がありますが、簡単な解決策があります。

position:relative; を削除します。ss4a4.css の #indexwrapper の 250 行以上あたり!

于 2012-07-31T19:34:36.183 に答える
0

Firefoxの障害の理由は、HEIGHT属性の使用にあるようです。これは2つのdivに適用され、HEIGHT属性とPOSITION：RELATIVE属性を削除した後、FLOATS、MARGINS、およびPADDINGに置き換えて、問題のセクションのすべてのdivとネストされたdivのレイアウトを作成し、Firefoxの問題を修正しました。

サイトのそのセクションは不注意に書かれました！

于 2012-08-05T16:01:03.487 に答える