0

ここに画像の説明を入力

フッターに必要なオーバーフローがない実際の HTML と CSS を次に示します。

そしてiframeで動作するはずです

フィドルに表示されるものとは異なり、実際には iframe を使用して、多くの Web ページでナビゲーション要素を再利用しています。

<body>
<iframe class="header" src="header.html">
</iframe>
<div class="wrapper">
  <div class="left">
    <div class="holder">
      <div class="content">
      </div>
    </div>
    <iframe class="footer" src="footer.html">
    </iframe>
  </div>
</div>
</body>
4

1 に答える 1

1

you can specify css rules for different screen sizes with @media. For example: http://jsfiddle.net/drhe8/1/ . (I placed the links both in header and footer and used rules to hide/display them depending on screen size. It's quick and dirty but i bet you'll get the idea.

@media screen and (max-width:800px) {
  .footer {
      display:block;
  }
  .header {
      display:none;
  } 
}
于 2013-07-07T13:11:10.137 に答える