フレーム非対応のブラウザについて
笠原 励（氷炎 雷光風）
fj.net.www.authoringにも振ります。
最後の方で、それ向きなネタを出しているためです。
Message-ID: <YAS.04Ma...@kirk.is.tsukuba.ac.jp>
において新城さんは書きました。
> > フレームを使わずにできる方法としては、
> > ・<table>タグを使う
> > ・CSS+JavaScript
>
> あと、これもりあます。
> ・CSS 単独(JavaScriptなし)
>
> CSS は、やってみると、たいしたことはです。フレームの代りにつ
> かうなら、こんな感じです。
>
> (1) とにかく内容をべたで作る。
> (2) <div></div> で、分割する。たとえば、<div id="leftArea">
> と <div id="rightArea"> に分割する。
>
> (3) スタイルシートで位置を指定する。position プロパティで指
> 定する。２カラムならこんな感じ。左を 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;
> }
> ------------------------------------------------------------
上記のCSSサンプル、いただいても構いませんか？
まずは、これを取りいれて自分の意図していたものを作ってみたいと思います。
> 次のページも参考にしてみてください。
>
> 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
> の物理スタイルタグを使われるわけですが、そりよりずっといいです。
物理スタイルタグじゃないんですが・・・
http://www.books-sanseido.co.jp/info/info_sibuya.html
のhtmlを見て、「？？？」というか驚いたというか・・・
＃印刷したら、地図だけ抜けてしまっていて、何で？と
＃ソースのhtmlを見た次第。
<td align="right" background="img/comi_sta.gif" valign="bottom"> </td>
このgifファイル、店舗の移転先を示す地図なんですが、
「背景を印刷する」としておかないと、地図が「普通には印刷されない」
というオチが待っています。
こーいうのは普通ナシですよね？
＃これ、タグを自前で打ったんじゃなくて、ＨＰ作成ソフトが
＃吐き出したような気がするけど、確証はないです。
ではでは。
--
笠原 励（氷炎 雷光風／ひえん らいこふ）
cun...@uranus.interq.or.jp －受信専用－cun...@yahoo.co.jp
オリジナルストーリーの感想は、if_t...@infoseek.jpまで。
Subjectに「番外編」とあれば、ほぼオリジナルストーリーです。
Yasushi Shinjo
In article <20040313020932.53...@uranus.interq.or.jp>
笠原 励（氷炎 雷光風） <cun...@uranus.interq.or.jp> writes:
> > ・CSS 単独(JavaScriptなし)
> 上記のCSSサンプル、いただいても構いませんか？
どうぞ。というか、もともと数行の CSS に著作権は発生しないで
しょう。
ブラウザの話を少しすると、CSS も、ブラウザによる実装の違い
（バグとも言う）があって、見栄えを統一したいという要求がある
と、デザイナは大変みたい。たとえは、次のページでも、Netscape
4.7 はどうだとか、細かく書いてあります。
> > http://tohoho.wakusei.ne.jp/css/index.htm
まあ、「統一」というほどの要求がなければ、たいした問題ではな
いでしょう。
> 物理スタイルタグじゃないんですが・・・
> http://www.books-sanseido.co.jp/info/info_sibuya.html
> <td align="right" background="img/comi_sta.gif" valign="bottom"> </td>
> このgifファイル、店舗の移転先を示す地図なんですが、
> 「背景を印刷する」としておかないと、地図が「普通には印刷されない」
> というオチが待っています。
地図を印刷させたくなかったのですかね。でも、印刷させたくない
時には、もっと積極的な技もあった気がするのてすけど。そういう
地図が昔あった気がします。悔しいから画面のハードコピーをとっ
て印刷しました。
＼＼ 新城 靖 （しんじょう やすし） ＼＼
＼＼ 筑波大学 電子・情報 ＼＼
笠原 励（氷炎 雷光風）
フォローが遅れてすみません。
Message-ID: <YAS.04Ma...@kirk.is.tsukuba.ac.jp>
において新城さんは書きました。
> ブラウザの話を少しすると、CSS も、ブラウザによる実装の違い
> （バグとも言う）があって、見栄えを統一したいという要求がある
> と、デザイナは大変みたい。たとえは、次のページでも、Netscape
> 4.7 はどうだとか、細かく書いてあります。
流石に一個人のサイトで、そこまで「統一」を気にすることはないです。
ただ今回の件で、自分でやってみてわかったことがありますので、
別記事で、htmlファイルとCSSファイル、今回の件の動作確認にあたり、
わかったことをまとめて出しておきます。