0

Facebookページ用のアプリを作成しています。IE以外のすべてのブラウザでうまく機能します。

2つの問題があります。まず、ポジショニングがすべてオフになっています。他のブラウザでは、「ジャンル」、「アーティスト」、「詳細」のdivはすべてヘッダー画像の真下にあります。IEでは、「詳細」divが約20ピクセル高くなります。

次に、メインのdiv（day、＃friday、＃saturday、＃sundayでマークされたもの）は一番下までスクロールしません。停止する前に約120ピクセル停止します。確かに非常に奇妙です。

コードを添付しましたが、残念ながら、ページ上と比較した場合（要素の配置に関して）、アプリ内でのレンダリングが異なります。繰り返しますが、これがなぜなのかわかりません。

私は本当に初心者なので、これらの質問のいくつかが不明確であるか、同じように悪いことに、盲目的に明白である場合は申し訳ありません！

コードは次のとおりです：https ：//gist.github.com/5ea583adcbc4eef7558b

4

1 に答える 1

0

「プレビューモード」でタブを見ていると仮定し、Facebookのバーがタブの上部に表示されていると思われます（「プレビューモードがオンです。このタブのコンテンツを表示できるのは管理者のみです。」と表示されているバー）。レイアウトを台無しにしますposition: absolute。

、、がそれぞれの、、およびの中にある#fridaylistingsよう#saturdaylistingsにコードを再配置することをお勧めします。#sundaylistings div#friday#saturday#sunday div

次にposition: relative、#fridayetcに設定しdivます。これにより、ページ全体ではなく、それ自体に対する各子の位置を制御できるようになります。これの説明については、ここを参照してください。

http://css-tricks.com/absolute-positioning-inside-relative-positioning/

于 2012-08-16T10:47:59.540 に答える