1

私はhtmlの非常に基本的な理解があります。非常に基本的です。

私のブロガーサイトを片付けて、私のグーグルサイトのウェブサイトを置き換えています。これは単なるポートフォリオサイトなので、重要なのは見た目だけです。

http://toddingtontoons.blogspot.com

私の問題はフッターです。基本的に、解像度に関係なく、フッターと背景を揃えたいと思います。

背景のコードは次のとおりです。

background: url(https://sites.google.com/site/toddsetter/TODDINGTONTOONSTOP.png) repeat-x, 
url(https://sites.google.com/site/toddsetter/TODDINGTONTOONSBOTTOM.png) repeat;
background-position:center;

フッターは、ブロガーのフッターテンプレート内の中央に配置された画像です。最終的には、家や他の場所に行くためのリンクがあります。

現時点では、画面が1280幅より小さくなるまで、フッターはbgと完全に一致しています。

私は理解できないばかげたものも試してみましたが、問題に遭遇し続けています。誰かがこの問題にどのように取り組むかを提案できますか？

フッターを変更して動作を変えたり、画面が1280より広い場合にbgを中央にのみ配置したりしようとしています。ブログの本文に背景を固定したいだけです。

任意の入力をいただければ幸いです。

4

1 に答える 1

2

jsFiddleデモ （/show/jsFiddle編集ページにアクセスするにはURLを削除してください。）

WebサイトのHTMLページを見ると、個別のナビゲーションセクションと個別のコンテンツセクションがあります。

フッターの問題は、コンテンツセクション内にあるそのセクションにあります。

そのセクションの外側になるようにフッターを再配置し、それに応じてCSSを再構成します。

基本的に、それはレイアウトの問題に帰着します。

現在：

<body>
  <nav></nav>
   <content>
     <footer></footer>
   </content>
</body>

おすすめされた：

<body>
  <nav></nav>
  <section></section>
  <footer></footer>
</body>

出発点は、最初にWebページのこれらのエラーを修正することです。

次に、、、、、およびセクションの関連する背景画像をbodyとして使用します。navsectionfooterbackground-images

詳細なコメントとヒントについては、上記のデモのjsFiddleCSSパネルを参照してください。

補足：<!-- -->現在のマークアップでは、 CSSスクリプトタグ内にHTMLコメント構文（つまり）があります。代わりに、CSSコメント構文を使用する必要があります（つまり/* */）。もう1つのオプションは、スクリプトタグの外部でHTMLコメント構文を使用することです。

于 2013-01-13T03:09:15.890 に答える