- 締切済み
疑似フレーム（CSS使用）のタグについて
画像の様な感じにタグを組みたいのですがインラインフレームの高さが100％にできません。フレームでやるとなると背景画像をフレームを超えて表示できないので出来る限り疑似フレームでやりたいのですがどうすれば上手くいくでしょうか。
- sakurayokocho
- お礼率0% (0/2)
- CSS
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
用語を正確に・・ インラインフレーム(iframe)もフレームの一種です。 ⇒16.5 行内フレーム: IFRAME要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/frames.html#h-16.5 ) 擬似フレームは、ブロックに幅、高さを指定してoveflow:auto;でデータが多い場合にスクロールさせる方法です。 ＞背景画像をフレームを超えて表示できないので は、擬似フレームもフレームもまったく関係ないです。 そもそも、HTMLはデザインのために書くものではありません。ここを間違えている初心者がとても多いです。そのように説明しているサイトや参考書が多いからでしょうが、HTMLは文書構造をマークアップするもので、デザインするのはスタイルシートの仕事です。 この構造とプレゼンテーションの分離は、とても重要です。 文書構造が <body> <div class="header"> ヘッダ </div> <div class="section"> 本文 <div class="nav"> ナビゲーション </div> </div> <div class="footer"> 文書情報 </div> </body> HTML5だと <body> <header> ヘッダ </header> <section> 本文 <nav> ナビゲーション </nav> </section> <footer> 文書情報 </footer> </body> という文書構造であるとき headerをウィンドウトップへ フッターをウィンドウ右上 ナビゲーションは本文の左に 本文は、その余白に とスタイルシートでデザインしていきます。 こうしておけば、将来デザインを一新することも可能ですし、本文内容を修正するのも簡単です。
