Re: フレーム非対応のブラウザについて
新城@筑波大学情報です。こんにちは。
In article <20040312123519.814271.1146084740@uranus.interq.or.jp>
笠原 励(氷炎 雷光風) <cuncuku@uranus.interq.or.jp> writes:
> フレームを使わずにできる方法としては、
> ・<table>タグを使う
> ・CSS+JavaScript
あと、これもりあます。
・CSS 単独(JavaScriptなし)
CSS は、やってみると、たいしたことはです。フレームの代りにつ
かうなら、こんな感じです。
(1) とにかく内容をべたで作る。
(2) <div></div> で、分割する。たとえば、<div id="leftArea">
と <div id="rightArea"> に分割する。
(3) スタイルシートで位置を指定する。position プロパティで指
定する。2カラムならこんな感じ。左を absolute で位置決め
して、右の本体は、左のマージンだけ指定するというのがコツ。
------------------------------------------------------------
div#leftArea {
position: absolute;
top: auto;
bottom: auto;
left: 20px;
width: 200px;
}
div#rightArea {
margin-left:240px;
}
------------------------------------------------------------
> フレームの場合、詳細内容のフレームがスクロールしても、
> メニュー部分のフレームはスクロールしないので、使おうかなぁ?
> と思ったのです。
CSS でも、こういうことは可能です。スクロールさせたい方で、大
きさを(100%)を指定して、溢れたらスクロールさせるようにします。
------------------------------------------------------------
div#rightArea {
margin-left:240px;
height: 100%;
overflow: scroll;
}
------------------------------------------------------------
次のページも参考にしてみてください。
http://www.coins.tsukuba.ac.jp/~yas/ipe/inet-2003/2004-01-19/css-example.html
http://www.coins.tsukuba.ac.jp/~yas/ipe/inet-2003/2004-01-19/
http://tohoho.wakusei.ne.jp/css/index.htm
講義でスタイルシートを取り上げると、学生さんはかなり一生懸命
になって見栄えをよくしようとがんばりますね。ほっとくと、HTML
の物理スタイルタグを使われるわけですが、そりよりずっといいです。
\\ 新城 靖 (しんじょう やすし) \\
\\ 筑波大学 電子・情報 \\
Fnews-brouse 1.9(20180406) -- by Mizuno, MWE <mwe@ccsf.jp>
GnuPG Key ID = ECC8A735
GnuPG Key fingerprint = 9BE6 B9E9 55A5 A499 CD51 946E 9BDC 7870 ECC8 A735