• 締切済み

iframeタグで左端があいてしまう。

以前質問させていただいたのですが人の少ない時間でしたので、再度させていただきます。 ホームページ作成に関してはまるっきり独学なので、もしかしたらくだらないことなのかもしれませんが、二つほど質問させていただきます。 まずiframeタグに関してです。 ifameタグでhspace=0とすれば、ブラウザを小さくしたときに左端に隙間ができないと思ったのですが、どうしても2ミリぐらいの隙間があいてしまいます。タグの部分はこんな感じです。 <iframe height="800" width="600" frameborder="0" src="＊＊.html" align="center" hspace=0> もう少し細かい情報が必要でしたら、その都度補足いたします。 あともう一つですが、align="center"と指定していてもGecko系だと中央に表示されないのですが(IEは大丈夫でした)、これは仕様なのでしょうか？ 一応今はcenterタグでなんとかしてはいるのですが。 少しでもわかることがあったら、どんなことでも良いので教えていただけたら幸いです。よろしくお願いします。

  • LOHA
  • お礼率55% (5/9)

みんなの回答

noname#79554
noname#79554
回答No.2

ANo.1です、すみません、下の回答に間違いがあります。 <meta http-equiv="Content-Style-Type" content="text/css"><style type="text/css"> body {padding:0;margin:0;text-align:center;} iframe {border:red 1 solid;padding:0;margin-left:0;}</style> ↑だと、赤い枠線がでてしまいますので、↓にしてください。 <meta http-equiv="Content-Style-Type" content="text/css"><style type="text/css"> body {padding:0;margin:0;text-align:center;} iframe {border:0;padding:0;margin-left:0;}</style>

LOHA
質問者

お礼

回答していただきどうもありがとうございます。 言われてみれば、スタイルシートはまだ全く試してませんでした。 回答の通りにしてみたところ、IEの方でうまくいったので何が原因なのかいろいろと実験してみたところ、要するにbodyのマージンが余白になってしまっていたようです。 ただしFireFoxの方では余白があいてしまいましたので、その後また少し調べてみたところ、 <body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"> で解決いたしました。

noname#79554
noname#79554
回答No.1

スタイルシートを使った方が良いと思います。 このページで説明しきれるものじゃないので、指南サイトをご覧になるか、書籍の購入をお勧めします。 今回の件に限っては、「head」と「/head」の間に↓三行を加え、さらにiframeタグを下のように変えてみてください。 <meta http-equiv="Content-Style-Type" content="text/css"><style type="text/css"> body {padding:0;margin:0;text-align:center;} iframe {border:red 1 solid;padding:0;margin-left:0;}</style> <iframe height="800" width="600" frameborder="0" src="＊＊.html" align="center" hspace=0> ↓ <iframe height="800" width="600" src="＊＊.html">

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • iframeにリンクを貼る

    <iframe src="qqq.gif" height="1５0" width="356" align="left" frameborder="0" scrolling="no" marginheight="1" name="tv" > この部分はiframe表示です </iframe> にURLを指定してリンクを張りたいのですが、どうしたらいいですか？

  • フレームが表示されない…

    今HPを作成してるのですが、色々とタグを試しましたが出来ないの質問します。 自分は、ポケスペというタグで色々と作成できるHPスペースで作ってるのですが、 <p align="center"> <iframe src="http://pksp.jp/*/?o=1" name="menu" frameborder="0" width="20%" height="90%"> </iframe> <iframe src="http://pksp.jp/*/?o=2" name="main" frameborder="0" width="70%" height="90%"> </iframe> </p> というタグで、インナイフレーム？は表示出来るのですが。 <FRAMESET cols="50%,50%" frameborder="NO" border="0"> <FRAME name="left" src="1のURL"> <FRAME name="right" src="2のURL"> </FRAMESET> という、普通の？インナイじゃないフレームは表示されないのです。 どなたか、わかりますか？インナイじゃなくフレームを表示させたいのです。

  • アメーバプロフィールにiframeタグを貼りたい

    アメーバのプロフィールのフリースペースに、iframeタグを貼りたいです。 ユーチューブのiframeタグは貼れますよね。 だけど、 他のブログパーツのifreameタグは貼れません。 なんとか貼る方法はないでしょうか？ 具体的に、 以下のifreameタグを貼りたいのですが。 <iframe width='180' height='570' frameborder='0' marginheight='0' marginwidth='0' scrolling='no' src='http://www.btown.jp/Bbs/BlogParts.aspx?id=12394&number=9439&font_color=000000&bg_color=FFFFFF'></iframe><br /><a href="http://www.btown.jp/">無料BBSブログパーツbtown</a> 回答よろしくお願いします！

  • iframe の代用で　objectタグを使ったとき

    iframeを使って、他のページを表示させていたのですが、 iframeは非推奨ということでobjectタグに置換をかけています。 比較的単純なiframeタグは置換できたのですが、 <iframe src="hoge.cgi" width="330" height="100" scrolling="no" Frameborder="no" Marginwidth="0"> の場合の２行目の、スクロールバー非表示、枠はナシ、立体表示ナシ という設定をobjectタグを使ったときどう記述すればいいのか わかりません。同じ属性を書くと無視されてしまいます。。。。 どのように記述すれば、スクロールバーなし、立体表示なしが 実現できるのでしょうか？

    • ベストアンサー
    • HTML
  • <iframe>タグが正常に動作しない

    下記HTMLを作成した場合、タグが正常に作動しません。 wikiのページに何か細工があるようですがどういった仕掛けが入っているのでしょうか？ また、これを正常に表示させる方法はありますか？ ご存知の方、教えてください。 宜しくお願い致します。 <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <IFRAME src="http://ja.wikipedia.org/" width="900" height="1500"></IFRAME> <HR> <IFRAME src="http://yahoo.co.jp" width="900" height="1500"></IFRAME> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • あるサイトにiframeが効かない

    iframeを指定しても全体に表示されてしまう。urlをyahooなどに変えれば出来ているのでコーディングは大丈夫だと思います。 iframeが効かないサイト（ここでは書けませんが）があるのですが、なにか工夫をすれば、できる様になるのでしょうか。 それともiframeが効かないように意図的にサイトの方で調整されているものなのでしょうか。 宜しくお願いします。 コーディング例） <iframe src="http://www.yahoo.co.jp/" height=500 width=1000 frameborder=1 scrolling=auto></iframe>

    • ベストアンサー
    • HTML
  • <iframe 内のスクロール

    <iframe タグを使って、JavaScript でスクロールをさせたいの ですが、 <iframe width=150 height=200 src="test.htm"></iframe> 上記これだとスクロールしてくれるのですが、 <iframe width=150 height=200 src="http;//google.co.jp"></iframe> これだとスクロールしてくれません。 JavaScript は scroll(); を使ってます。 これは自前ページだけで、既存サイトのスクロールは無理なのでしょうか。 (http: だとアンカーになって見にくいので http; にしてます) 　

  • <iframe>で読み込むページの高さを自動取得して、heigthに代入

    一つ大きなフレームを <iframe name="disp" src = "" height=1000 width=1000 frameborder=0 scrolling=auto></iframe> とおいて、同一ページ内から<a href="test.html" target=disp> として、test.htmlが空白ページの<iframe>内に表示させるようにしたいのですがその都度、読み込むページの高さを自動取得して、heightとして自動的に適切な高さに変換するということはできいないでしょうか？

    • ベストアンサー
    • HTML
  • <iframe>内にHTMLをランダム表示するには？

    かなりの素人なので説明不足などで分かりづらいところが多々あると思いますが、 何卒宜しくお願い致します。 同じhtmlに複数のiframeがあるのですが、 その全てのiframeをランダムにしたいのですが、 あまりの素人なので全く分かりません。 申し訳ありませんが、 多少いじってコピペするくらいまでのソースを教えて頂けますでしょうか？ 宜しくお願い致します。 iframe一つだけのランダムは以下のソースでできました。 <head> <script type="text/javascript"> <!-- function RndmSubFlame(){ rlURL= new Array(); rlURL[0]="01.html" rlURL[1]="02.html" rlURL[2]="03.html" n=rlURL.length; x=Math.floor(Math.random()*n); sub_flame.location.href = rlURL[x]; } //--> </script> </head> <body TopMargin=0 LeftMargin=0 RightMargin=0 BottomMargin=0 STYLE="overflow:auto;height:100%;" onLoad="RndmOpen()"> <script><!-- document.write("<iframe src=\""+riURL[x]+"\"></iframe>"); //--> </body> 以下のhtmlのようなページです。 できましたら、このソースに書き加え頂けますと 大変助かります。 宜しくお願い致します。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> </head> <body> <table border="1" width="84%" height="87"> <tr> <td width="33%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="01" scrolling="no"></iframe></td> <td width="33%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="02" scrolling="no"></iframe></td> <td width="34%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="03" scrolling="no"></iframe></td> </tr> </table> </body> </html>

  • <iframe>内にHTMLをランダム表示するには？続きです。

    先日の<iframe>内にHTMLをランダム表示するには？の続きなのですが、 http://questionbox.msn.co.jp/qa2962976.htmlの疑問は 皆様のお力で解決しました。 誠にありがとうございました。 もう一つ教えて頂きたいことがあるのですが、 かなりの素人なので説明不足など分かりづらいところが多々あると思いますが、 何卒宜しくお願い致します。 同じhtmlに複数のiframeを配置し、 各iframeをランダムにしたいのです。 その際、各iframeは別々のフォルダーに収納されているhtmlを 表示するようにしたいです。 例えば、同じhtmlに iframe１、iframe２、iframe３があるとし、 ０１、０２、０３という３つのフォルダーの中に ０１.html、０２.html、０３.htmlがそれぞれ収納されているとした場合、 iframe１は01のフォルダーの中のhtmlをランダムで表示し、 iframe２は02のフォルダーの中のhtmlをランダムで、 iframe3は03のフォルダーの中のhtmlをランダムで、 といったランダム表示にしたいです。 あまりの素人なので全く分かりませんので、 大変申し訳ありませんが、 多少いじってコピペするくらいまで完成されたソースを教えて頂けますでしょうか？ 宜しくお願い致します。 ------------------------------------------------------------------------- 以下のソースは、 ３つのiframeに同じフォルダー内のhtmlをランダムで表示させることができたソースです。 教えてもらいました。 こちらは参考までに載せました。_ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> <script type="text/javascript"> <!-- function RndmSubFlame(){ rlURL= new Array(); rlURL[0]="01.html" rlURL[1]="02.html" rlURL[2]="03.html" n=rlURL.length; x1=Math.floor(Math.random()*n); x2=Math.floor(Math.random()*n); x3=Math.floor(Math.random()*n); s01.location.href = rlURL[x1]; s02.location.href = rlURL[x2]; s03.location.href = rlURL[x3]; } //--> </script> </head> <body onload="RndmSubFlame()"> <table border="1" width="84%" height="87"> <tr> <td width="33%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="s01" scrolling="no"></iframe></td> <td width="33%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="s02" scrolling="no"></iframe></td> <td width="34%" height="81"><iframe src="a01.html" frameborder="0" width="100%" height="190" name="s03" scrolling="no"></iframe></td> </tr> </table> </body> </html> ------------------------------------------------------------------------- 以下のhtmlソースに書き加えてもらえると大変助かります。 何卒、宜しくお願い致します。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> </head> <body> <table border="1" width="45%" height="448"> <tr> <td width="46%" height="210"><iframe src="01/01.html" frameborder="0" width="100%" height="190" name="01" scrolling="no"></iframe></td> <td width="54%" height="442" rowspan="2"><iframe src="03/01.html" frameborder="0" width="100%" height="190" name="03" scrolling="no"></iframe></td> </tr> <tr> <td width="46%" height="226"><iframe src="02/01.html" frameborder="0" width="100%" height="190" name="02" scrolling="no"></iframe></td> </tr> </table> </body> </html>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する