0

HTML コードを表示せずに、特定の問題を説明するのは困難です。

HTML ソースは、ページhttp://techdot.us/projects/jeopardy/view.phpを見ながら「View Source」をクリックすると簡単に見ることができます。CSS はここにあります。

私の主な目標は、メイン コンテンツ テーブルの行/列を画面の大部分 (正確には 69px を除くすべて) に表示することです。

そのため、下部の 69px には、ユーザーがページを下にスクロールしても画面の下部にとどまるはずの情報パネルが含まれています。スクロールは、理論的には、静止したままの一番下のバーを除いて、コンテンツの大部分を通常どおりにページを下に移動させることになっています。

私はウェブサイトでこの効果を達成しました。しかし、大きな問題があります。小さい画面では (ウィンドウのサイズを変更してシミュレートできるため)、メイン テーブルの一部が切り取られます。私の CSS ソリューションはお粗末で、実質的に私の主な目標を達成していないようです。下部のバーは、メイン コンテンツ div (gameTable) からテーブルの一部を切り離してはなりませんが、メイン コンテンツ div はスクロール可能な方法ですべてのコンテンツを表示する必要があります。

現時点での私の CSS は、視聴者の画面が特定のピクセルの高さである限り機能します。これは間違いなく永続的ではありません。

助けてくれてありがとう。私はそれを本当に感謝しており、大量の CSS と HTML コードを編集するために投下するだけで、私が完全に苦痛であることを完全に理解しています.

4

2 に答える 2

0

次の css をコンテナ div に追加します。

padding-bottom:69px;/* height of bottom bin*/
于 2012-12-12T05:01:23.877 に答える
0

私の理解が正しければ、小さな画面で最大までスクロールすると、下部のスコアバーがテーブルの一部を覆ってしまうのが気に入らないのですか? あなたの質問は解釈が非常に難しかったです。

最も簡単な修正は、単純に入れることです：

<div style="height:69px"></div>

これは、gameTable の後、スコアの前に、画面の下部に 69 ピクセルの余分なギャップが常にあることを意味するため、スコア バーは何もカバーしません。

于 2012-12-12T04:45:22.397 に答える