インラインフレームにTopicsボード

[新着] Webテンプレートを仮オープンしました



0   名前: MOMO : 2007/02/03(土) 00:03  ID:UkYuwR5U sub-6d
インラインフレームにTopicsボード(新着情報を書き込めるCGI)を表示させる方法がわかりません。
CGIのテストはOKです。
それと画像が切れてしまっているのですが・・・何故でしょうか?
よろしくお願いします。

1   名前: カヅサツ ◆ThCi95HEzw : 2007/02/03(土) 00:03  [URL]  ID:O5hEMlpW sub-r2
・MOMOさんのTopicsボードとやらの URL
・インラインフレームが置かれており、かつ「画像が切れている」というページの URL

上記がわかれば、誰か具体的な提案や検証ができるかもしれません。

2   名前: 匿名 : 2007/02/03(土) 00:03  ID:EcZdgxFg sub-.G
>Topicsボード(新着情報を書き込めるCGI)を表示させる方法がわかりません。
配布元のサポートコーナーで質問すべきです。

3   名前: カヅサツ ◆ThCi95HEzw : 2007/02/03(土) 00:03  [URL]  ID:O5hEMlpW sub-r2
あれ? 「インラインフレームに〜」とあるのですから、インラインフレームにでなければ表示できるのですよね?

4   名前: MOMO : 2007/02/03(土) 00:03  ID:UkYuwR5U sub-6d
カヅサツさん

そ〜なんです。
インラインフレームにでなければ表示はできています。

すみません、基本的なことなんでしょうが・・・

配布元のサポートコーナーにも質問してみますが、みなさんのお知恵を拝借できればと思い
こちらに質問させていただきました。

5   名前: カヅサツ ◆ThCi95HEzw : 2007/02/03(土) 00:03  [URL]  ID:O5hEMlpW sub-r2
で、>>1はスルーですか?

6   名前: MOMO : 2007/02/03(土) 00:03  ID:UkYuwR5U sub-6d
カヅサツさん

いえ、スルーするつもりはありません。

画像が切れているのは http://kilala.ciao.jp/topics/topics.cgi で、

それをインラインフレームに表示させたいのは

http://kilala.ciao.jp/music.html です。

よろしくお願いします。


7   名前: カヅサツ ◆ThCi95HEzw : 2007/02/03(土) 00:03  [URL]  ID:O5hEMlpW sub-r2
> インラインフレームにTopicsボード(新着情報を書き込めるCGI)を表示させる方法がわかりません。

既に http://kilala.ciao.jp/music.html にあるインラインフレームに「Topics Board」が表示されているように見えます。何が判らないのでしょうか?

> 画像が切れてしまう

例えば http://kilala.ciao.jp/topics/img/2-1.jpg は音符とバイオリンの写真ですが、これが「切れた」状態なのですね? 本来は、もっと大きな写真を表示されるはずなのですね?


8   名前: MOMO : 2007/02/03(土) 00:03  ID:ZVz8lXYb sub-zH
カヅサツさん

私の説明の仕方が悪いのでしょうか?

Skinの背景や部品がところどころ表示できていないのです。

音符とバイオリン等の写真は問題なく表示されているので、この件は質問ではありません。

http://kilala.ciao.jp/music.htmlのインラインフレームにtopics.cgiの内容が表示されていないと思うのですが、これの表示のさせ方がわかりません。

何度も申し訳ありませんが、よろしくお願いします。

9   名前: カヅサツ ◆ThCi95HEzw : 2007/02/03(土) 00:03  [URL]  ID:lY9L7AMa sub-gm
> http://kilala.ciao.jp/music.htmlのインラインフレームにtopics.cgiの内容が表示されていないと思うのですが、これの表示のさせ方がわかりません。

> インラインフレームにでなければ表示はできています。

その「表示は出来ている」ページの URL を教えてください。

10   名前: MOMO : 2007/02/03(土) 00:03  ID:ZVz8lXYb sub-zH
カヅサツさん

> インラインフレームにでなければ表示はできています。

http://kilala.ciao.jp/topics/topics.cgi には表示できているのですが、

これは違うのですか?

11   名前: イサ : 2007/02/03(土) 00:03  [URL]  ID:0yJG31Zh sub-Ds
こんばんは。

確認もしていないし、あまり自信はありませんが、
おそらく、http://kilala.ciao.jp/music.htmlにあるインラインフレーム
を囲っている<table>の幅が59%と指定されていますが、

Topics.cgiで表示されるtmp.html(スキン用)に記述されている<table>
の幅が"650"と指定されています。

これが表示されない原因ではないでしょうか、試にインラインフレームを
囲っている<table>の幅を"650"以上に変更してみてはどうでしょうか?

iframを囲っているtableが59%に対し、そのiframeに650pxのhtml
を表示できるのでしょうか?

僕も初心者なので自信はないですが、詳しい方、ご回答よろしくお願いいたします。


12   名前: カヅサツ ◆ThCi95HEzw : 2007/02/03(土) 00:03  [URL]  ID:lY9L7AMa sub-gm
私には、
「http://kilala.ciao.jp/music.htmlのインラインフレーム内」
と、
「http://kilala.ciao.jp/topics/topics.cgi」
とに、違いは見つけられませんでした。
http://kilala.ciao.jp/music.html インラインフレームのスクロールバーを操作すれば、ちゃんと http://kilala.ciao.jp/topics/topics.cgi 同様のものが表示されています。

http://kadu.vis.ne.jp/sc01
http://kadu.vis.ne.jp/sc02

上記は Internet Explorer 7.0 でのスクリーンショットですが、Opera 9.0、Firefox 2.0 でも似たような塩梅です。


13   名前: イサ : 2007/02/03(土) 00:03  [URL]  ID:0yJG31Zh sub-Ds
>12
そうなんですか・・・
IE6では、http://kilala.ciao.jp/music.htmlには、インラインフレームの
枠内は、真っ白です。

http://kilala.ciao.jp/topics/topics.cgiは、>12のスクリーンショットと
同じくちゃんと表示されています。

14   名前: 匿名 : 2007/02/03(土) 00:03  ID:ZVz8lXYb sub-zH
カヅサツさん 

いろいろありがとうございました。
ご面倒をおかけしてしまい・・・
Firefox 2.0 で確認したところ表示されていました。

が、私のブラウザはIE6.0なのでイサさんがおっしゃっているように枠内が真っ白です。
対応ブラウザでない方は・・・というアナウンス部分も表示されていません。
IE6.0以下の表示はどうすればいいんでしょうか?


イサさん

ありがとうございました。



15   名前: K+S : 2007/02/03(土) 00:03  ID:nROqylMa sub-YS
>>8 で自覚されているようですが、カヅサツさんが困っているように症状の説明が曖昧です。
これまでの発言については言及しませんが、本件について回答しておきます。

なぜ table 要素タグによるマークアップを行なっているのでしょうか?
その妥当性が示されない限り、iframe 要素を table 要素の内容とするのはやめた方が賢明です。

少なくともIEで何も表示されていないのは、
<iframe 〜 height="100%">
と%指定しておきながら、その親要素 td で height 値が明示されていないのが原因です。

親要素である td で height 値を明示するか、iframe 要素に適用される height 値を % 以外にすれば領域が確保されるはずです。
このような場合、iframe 要素に対して、width 及び height 属性値は、%指定すべきではありません。

16   名前: MOMO : 2007/02/03(土) 00:03  ID:ZVz8lXYb sub-zH
いろいろ説明不足で申し訳ありませんでした。
もう少し勉強します。

ご指導、ご回答ありがとうございました。

17   名前: Z ◆XTzyosZXcL : 2007/02/03(土) 00:03  ID:CSqyQR5N sub-Cl
 関連しそうなFAQは下記のうち
「8.heightプロパティの注意点〜内容が大きい場合」
「12.height: n%;の正しい仕様」
でしょうか。

Web標準化Tips)
http://www.mozilla.gr.jp/standards/webtips/index.html

>>14
>対応ブラウザでない方は・・・というアナウンス部分も表示されていません。
 基本的にWWWという「全世界に向けての一般公開の場」では閲覧環境を制約すべきではありません

参考・推奨環境は書かない)
http://www.mars.dti.ne.jp/~fuming/toppage/suisyo.htm

一覧へ戻る