0

私は流体グリッドを初めて使用しますが、さまざまなタイプについて学び始め、現在は cs6 でページを作成しようとしています (おそらく正しい選択ではありません)。流動的でないページを作成するときにはなかった問題があります。ヘッダーとフッター用に幅 100% で、メディア クエリと同じ幅ではなく画面と同じ幅の異なる背景画像を作成し、ページを 960 度中央に配置するように設定する必要があります。

4

1 に答える 1

0

ヘッダーをページの残りの部分よりも広くしようとしていますか? そのためには、ドキュメントに別の div を作成します。たとえば、私は通常、マスター div 内ですべての div を操作しているため、ページ全体が影響を受けます。たとえば、メインの div、ヘッダー、本文、およびフッターを含むページ: #main #header #body #footer. ヘッダー、ボディ、フッターはすべてメイン div 内に作成されます。すべてをページの中央に 960px の幅でフロートさせるには、次の#mainように属性を divに適用するだけです。

#main {
    width: 960px;
    margin: 0;
}

マージンにより、div が中央に浮きます。特定の値である必要はありませんが、ページの左右に余白が必要です。

ページの残りの部分のみをフロートするには、ヘッダーとフッター以外のすべてをメイン div 内に作成し、ヘッダーの幅を 100% に設定します。したがって、次の全体的なスニペットがあります。

#header, #footer{
    width: 100%;
    margin: 0;
}
#main {
    width: 960px;
    margin: 0;
}

まだパディングを行っていない場合は、どちらかの側にパディングを追加して、画像やテキストがページの端にはみ出ないようにすることをお勧めします (これにより、読み取りや表示が難しくなります)。通常、追加するのは 5px だけです。

于 2013-01-07T19:07:54.200 に答える