1

html/css にカットしたいこのレイアウトがありますが、主要なコンテンツの html/css を構造化するための最良の方法を選択するのに苦労しています (960 コンテンツ ブロックの下にある中央の異なる bg ブロックのように、カバーします)。全体の広さなど）。レイアウトの構造を添付しました： ここに画像の説明を入力

だから私の主な質問は次のとおりです。

  • グリッドの外側にあるカスタム bg ブロックを処理する方法、または内側にある必要がある場合、コンテンツ ブロックを contenbg の内側に、コンテナの外側に、そのロゴとメニューがあるようにする方法は?
  • コンテンツスライダーの外側にあるカスタムpngシャドウ（この場合はcss3を避けたい）を処理する方法（画像のように）
  • 同じ質問がフッターにも当てはまります。メインの 960 コンテナーの外側に配置する必要がありますか? この場合、メインコンテナを使用する必要がありますか? ここで何がベストプラクティスなのかわかりません。

ありがとう

4

1 に答える 1

3

添付ファイルを表示できませんが、いくつかのガイドラインを示します。

  1. 画面の中央に配置され、幅が 960px のメイン コンテンツが必要です。
  2. ヘッダー/フッターが同じ幅の場合 (つまり、背景が 960px を超えない場合)、それらはコンテナー div にある必要があります。一方、BG が 960 よりも広い場合は、それぞれを必要な幅の個別の div に配置し、この div 内に幅が 960 で中央に配置された別の div を配置します。

例：

<div id="headerWrapper">
    <div id="header">...</div>
</div>
<div id="content">...</div>
<div id="footerWrapper">
    <div id="footer">...</div>
</div>
  1. CSS3 を使用せずに png シャドウが必要な場合、唯一のオプションは、画像をシャドウでスライスすることです。

それがあなたの質問に答えることを願っています。

于 2012-02-06T15:58:06.423 に答える