• ベストアンサー

一つのhtml内でテーブルを使ってインラインフレームを多用する。

お世話になります。 一つのhtml内に三列の表を入れその左に一つ、真中に二つ（上下）、右には使わず通常の文字を入力　というものを作ろうとしていますが、うまくいきません。 現象１ 真中に二つインラインフレームを入れるとその二つの表示はされるが右にいれていた文字が表示されなくなる。 現象２ 右の文字は表示されないが左にもインラインフレームを浸かってみると表が崩れ、上から左、真中の二つ　という具合で表示される。相変わらず右の文字は表示されない。 そもそも、一つのhtml内にインラインフレームを複数使うことは可能なのでしょうか？ また上記二つの状態を解消し、きちんと表示される方法を教えてください。 みようみまねで作っているのでへんなところがたくさんあると思います。よろしくご指導お願いします。 <html> <head> </head> <body> <table border="0" width="800" cellspacing="0" cellpadding="0"> <tr> <td width="180"><!--webbot bot="HTMLMarkup" startspan --><IFRAME frameborder="0" height="150" width="180" scrolling="YES" src="1.htm" marginwidth="0"> <!--webbot bot="HTMLMarkup"endspan --><</td> <td width="580"><!--webbot bot="HTMLMarkup" startspan --> <IFRAME frameborder="0" height="150" width="580" scrolling="YES" src="1.htm" marginwidth="0"> <!--webbot bot="HTMLMarkup"endspan --><br> <!--webbot bot="HTMLMarkup" startspan --> <IFRAME frameborder="0" height="600" width="580" scrolling="YES" src="1.htm" marginwidth="0"> <!--webbot bot="HTMLMarkup" endspan --></td> <td width="140"> <small>BBS</small><p><small>Link</small></td></tr> </table> </body> </html>

  • HTML
  • 回答数2
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
noname#153309
noname#153309
回答No.2

<html> <head> </head> <body> <table border="0" width="800" cellspacing="0" cellpadding="0"> <tr> <td width="180"><!--webbot bot="HTMLMarkup" startspan --><IFRAME frameborder="0" height="150" width="180" scrolling="YES" src="1.htm" marginwidth="0"> <!--webbot bot="HTMLMarkup"endspan -->&lt;</IFRAME></td> <td width="580"><!--webbot bot="HTMLMarkup" startspan --> <IFRAME frameborder="0" height="150" width="580" scrolling="YES" src="1.htm" marginwidth="0"> <!--webbot bot="HTMLMarkup"endspan --><br> <!--webbot bot="HTMLMarkup" startspan --> <IFRAME frameborder="0" height="600" width="580" scrolling="YES" src="1.htm" marginwidth="0"> <!--webbot bot="HTMLMarkup" endspan --></IFRAME></IFRAME></td> <td width="140"> <small>BBS</small><p><small>Link</small></td></tr> </table> </body> </html>

yukky25
質問者

お礼

ありがとうございます！！ コピーしてみました。これをベースにいじっていこうと思います。たすかりました。ありがとうございました！！！！

その他の回答 (1)

noname#25358
noname#25358
回答No.1

　<IFRAME> は閉じタグが必要です。 　タグの次に </IFRAME> を入れてください。 　それから、最初の </td> のところに << と記載されてるところがありますよ。（これは表示を狂わす原因ではないですが）

yukky25
質問者

お礼

早速のご回答ありがとうございました。 hpソフトで作ってるんですけど、いろいろへんなものが入ったり・・。順番が変わってみたり・・。です。 ご指導ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • インラインフレーム

    初めまして。初歩的なことかもしれませんが、 よろしくお願いいたします。 私のＨＰは、メニュー部分をインラインフレームを使っています。 最初は、そんなにメニュー項目がなかったので、高さ設定をそんなに大きく取ってませんでしたが、メニューの項目を追加していくにあたり、設定していた高さでは足りなくなりました。 スクロールにはしたくありません。 毎回、高さ設定をしなおさずに、うまく入れられることは出きますでしょうか？ ちなみに、インラインフレームのタグは、 <IFRAME name="menu" border="0" frameborder="0" marginheight="0" marginwidth="0" src="menu.html" width="143" height="1600" scrolling="no" title="メニュー">このページはインラインフレームを使用しています。</IFRAME> です。 よろしくお願いいたします。

  • インラインフレームについて

    よろしくお願いいたします。 インラインフレームで、 <IFRAME src="●●.htm" name="kowaza_iframe" width="500" height="300" frameborder="0" scrolling="AUTO"> </IFRAME> とした場合、中に表示する●●.htmの高さが300以上だと、スクロールバーが表示されて、●●.htmがすべて表示されません。これをどんな大きさの●●.htmであっても、そのファイルをそのまま全体を表示することはできないでしょうか？　それとも、そもそもインラインフレームでそのようなことは無理あのでしょうか？

    • ベストアンサー
    • HTML
  • インラインフレーム内の表示位置を修正できません

    インラインフレーム内の表示位置を修正できません 　<iframe src="～.php" align="top" frameborder="1" scrolling="no" width="177" height="100" hspace="0" vspace="0" marginwidth="0"></iframe> というソースでインラインフレーム内に、アンカータグの列（phpで生成）を表示させたいのですが、 このアンカータグの列の表示位置が、インラインフレームの左上端から中央（右下）方向にずれてしまいます。 <iframeフレームの設定をあれこれ修正してみたのですが、うまくいくません。 解決策をどうか教えてください。

    • ベストアンサー
    • HTML
  • インラインフレームがうまく表示できない

    初心者のためうまく説明できないかもしれませんが、よろしくお願いします。 インラインフレームを使ったページを作りました。 Firefoxでは思った通りに表示できたのですが、Safariで見てみると設定したサイズになっておらず、縦横ともにスクロールバーが出ています。 色々試してみましたが解決できませんでした。 お力を貸してください。 以下抜粋ですが、 <td width="550"height="500" align="left" valign="top" nowrap="nowrap"> <table width="100%" height="100%" border="0" cellpadding="０" cellspacing="0"> <tr> <td> <iframe src=" ""link1.html""link2.html""link3.html"width="550" height="500"name="link"frameborder="0"scrolling="auto"></iframe> </td> としてあります。

    • ベストアンサー
    • HTML
  • インラインフレームの高さ

    IFRAMEの高さをIFRAME内のページに合わせて引き伸ばしたいのですが、そういうことが出来るのでしょうか。 <iframe src="URL" scrolling="no" frameborder="0" width="900" height="？？？"> 宜しくお願いします。

  • CSSでインラインフレームを非表示にしたい

    初心者です。 いろいろ試したのですがうまくいかないので教えてください。 複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、 たとえば、 <iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe> <iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe> <iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe> と縦に並んでいるインラインフレームをｈｔｍｌは変更せずに、 真ん中の「only」だけ隠すことはできませんか？ スペースが空かずにfreeとlinkだけが並んでいる状態にしたいです。 宜しくお願いします。 .free { width:450; height:760; border:none; margin: 0px; overflow: hidden; } .only { width:450; height:680; border:none; margin: 0px; overflow: hidden; } .link { width:450; height:680; border:none; margin: 0px; overflow: hidden; }

    • ベストアンサー
    • CSS
  • インラインフレーム内へのリンク

    質問させて頂きます。 インラインフレーム内へのリンクが上手くいかなくて困っています。 name="main" でインラインフレームに名前を付け、外部からはtarget属性でtarget="main"と指定してリンクをはっているのですが、どういうわけだか新しいウインドウが開いてしまいます。 ソースをのせておきますので、どこがいけないのか御指導頂けないでしょうか。お願い致します。（暫定的にYAHOO!にリンクさせています） 以下ソース↓ <html> <head> <title>インラインフレーム</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <body bgcolor="#FFFFFF"> <table width="500" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td height="17"><a href="http://www.goo.ne.jp" target="main">YAHOO!</a></td> </tr> <tr> <td height="300"><iframe border="0" frameborder="0" marginheight="0" marginwidth="0" name="main" scrolling="yes" style="border:solid 1pt cc0000" src="http://www.yahoo.co.jp" width="500" height="300"></iframe></td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • レスポンシブデザインで、インラインフレーム

    ワードプレスでレスポンシブデザインで、インラインフレームを設置したのですが、 どうもうまくいきません。ＰＣに合わせるとスマホがみだれ、逆にすると逆になります。 ようやくましな形にしましたが、ＰＣ側のインラインフレームの中が左に寄ってしまいます。 ｐｃのメインの幅は600PXです。 それからスマホでスクロールバーでスクロールさせよと CSSハックを設置しましたが、こちらも効きません。　どうしたらよいのでしょうか？ http://demo.kurafukudo.com/pc/ CSS div.frame, div.frame iframe[style], div.frame span { width: 100% !important; } @media screen and (max-device-width: 480px) { .frame div{height:300px; overflow:auto; -webkit-overflow-scrolling: touch;} } HTML <div class="frame"><iframe src="http://demo.kurafukudo.com/p_pc/" frameborder="0" marginwidth="0" marginheight="0" scrolling="yes"style="border-color:#000000; scrollbar-base-color: #ccff99;　 scrollbar-arrow-color: #0000ff;">このページはインラインフレームを使用しております。未対応ブラウザは閲覧できませんのでご了承ください。 </iframe> 呼び出し先 <table width="90%" > <tbody> <tr> <th colspan="2"height="18"> ＳＯＮＹ</th> </tr> <tr> <td width="50%" height="18">ＳＤＶ13228DJ WB</td> <td width="50%" align="right">100,000</td> </tr> <tr> 省略

    • ベストアンサー
    • HTML
  • table内にiframeでテーブルが崩れる

    現在組んでいるテーブル内にインラインフレームを入れようとしているのですが、 インラインフレームを入れるとどうしてもテーブルのレイアウト（幅）が崩れてしまいます。 図を見て頂いたら分かるかと思いますが、 テーブル内の通常のテキストの後に（アイウ）というインラインフレームを入れようとしています。 インラインフレームの横幅は、「ウ）」がぎりぎり入るくらいの最小限に抑えており、 見た目でもかなりテーブル内に余裕はあるのですが、後の内容が追いやられます。 ソースとしては、 <th width="25%">項目１</th> <td width="25%">サンプル内容<iframe src="aiu.html" height="19" width="120" frameborder="0" border="0" framespacing="0" scrolling="no"></iframe></td> <th width="25%">項目２</th> <td width="25%">サンプル内容２</td> このような状況です。（aiu.html内の内容がアイウです。 実際はJavascript） 全て幅を25%に設定している上、 テーブル内でだいぶ空白に余裕はあるにも関わらず、 レイアウトが崩れて後の項目が右に追いやられる意味が分かりません。 どなたか分かる方いらっしゃいましたら、 お忙しいところ恐縮ですがご伝授頂きたく思います。 よろしくお願い申し上げます。

  • IFRAMEの設定

    インラインフレームを現在使ってＡというホームページの一部から、Ｂというホームページの一部を覗くようにしています。（以下） <NOLAYER><IFRAME name"sample" boeder="0" frameborder="0" marginheight="0" marginwidth="0" src="http://homepage2.nifty.com/sakuya_me/111.htm" width="430" height="134" scrolling="no"></IFRAME></NOLAYER> <ILAYER SRC="http://homepage2.nifty.com/sakuya_me/111.htm" width="419" height="134" scrolling="no"></ILAYER> この文だと、111.htmの画面左上角から見えるようになりますが、 それを、適当な見たい位置にずらしす事は可能でしょうか？（虫メガネのように） よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する