0

私は非常に基本的なレイアウトでサイトを作成しました(そして今ではすべてのひどい色のためにひどいものに見えますが、それらは私の div がこのポジショニングのスタジアムのどこにあるかを確認するためのものです)、ここで見つけることができます.

今私の問題は、私が学校にいて、Windows マシンでクロムを使用して自分のサイトにアクセスしたとき、問題なく表示されたことです。はのdiv#side隣にありましたdiv#contentが、Chrome を使用している Mac マシンで今いる自宅のサイトにアクセスすると、div が動き始めました... 最初にページを読み込んだときは問題なく表示されました。ページを 2 回目に読み込んだときに、ページの高さだけ下に移動しましたdiv#contentが、まだページの右側にありました。そして、それはページロードごとに変化し、2、4、6、8 などの時間でダウンしていました。

Camino (まだ mac マシン上) では、毎回そこに落ち、動かなかった...

サファリでは、私が望むように正確に動作します。画像はここにあります。.tiff画像ですので、よろしければご覧ください...

問題は、クロスブラウザの画像に示されているようにページを取得するにはどうすればよいかということです。

PS
画像のフォントは、サファリの設定をいじってデフォルトのフォントを変更した結果です。

4

1 に答える 1

0

サイドバーの幅は 25%、コンテンツは 75% です。次に、あなた.vrは 1 ピクセルなので、合計幅は 100% + 1 です。サイドバー (最後の要素) は、残っている幅に収まりません (1 ピクセルは大きすぎます)。

その問題を解決する方法はいくつかあります。幅を少し変更するか、vr の処理を​​少し変えてみてください。ここで説明されている偽の列の方法を使用できます: http://www.alistapart.com/articles/fauxcolumns/

于 2012-05-24T16:23:48.190 に答える