|
インラインフレームを利用したホームページを作成するには、IFRAMEタグを使用し、
フレーム内に表示する内容を別のHTMLファイルで用意する必要があります。
しかし、CSSのoverflowを使うと、これを1つのHTMLファイルで実現可能となります。
DIVタグをインラインフレームのように見せるためには、「overflow」のCSSを追加し、 値に「scroll」を指定します。すると、heightで指定した高さが有効になり、 表示しきれない部分はスクロールさせて表示できるようになります。 これでDIVタグを利用したインラインフレームは完成です。 なお、今回例では、枠線との間に余白を設けるために「padding」のCSSも追加しておきます。 <DIV style="width:600px; height:300px; border:solid 2px #999999; overflow:scroll; padding:10px;"> : ここにフレーム内に表示する内容を記述する : </DIV> |