締切済み

xhtmlでのインラインフレーム『初心者ですm(__)m』

2008/05/15 18:10

xhtml+cssをはじめたばかりの初心者です＾＾ htmlの頃に使っていた『<iframe></iframe>』ですが、xhtmlではどういう書き方になるのでしょうか。やはり <div id="***"> <iframe></iframe> </div> こういう感じになるかなo(>< )o？

ayakapon
お礼率40% (38/94)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

みんなの回答

SAYKA
ベストアンサー率34% (944/2776)

2008/05/15 18:26 回答No.1

iframeはインラインだからそうなるね。それと、xhtmlでiframeはtransitionalとframesetでしか使えないからそこも注意かな。

関連するQ&A

教えてインラインフレームがいまいちわかりません

iframeの質問です。現在[XHTML 1.0 Transitional]でホームページを作成しております。質問ですが、iframeタグはdivタグのように閉じる必要があるのでしょうか？ divの場合は「 <div id="○○"></div>　」のようにしなければいけないのはわかります。 iframeの場合は「　<iframe src="○○.html" width="100" height="100" border="0" /></iframe>　」でいいのでしょうか？よろしくお願いします。
XHTML+CSSサイトで＜div＞の順序変更によるレイアウト崩壊

よろしくお願いいたします。コンテンツ部分をmain、右側に帯をつくりsubとして２カラム（他ヘッダとフッタもあります）のサイトです。 XHTMLでdiv id="sub"部分を先に記述してしまったので、div id="main"部分と上下を入れ替えたところ、表示が大きく崩れてしまいました。CSSのfloatで左右指定の確認もしましたが、解決しません。 CSSについては初心者ですので、なにか重大なことを見落としているのかもしれません。教えていただけると助かります。どうぞよろしくお願いいたします..
XHTML+CSSの印刷について

XHTML+CSSにて <div id=""></div>にて段組で制作しております。そこでCSSを外部読み込みのURLにて指定しております。 IEにて印刷プレビューするとメインの画像しか映らなくメニューやコンテンツ部分が正常に映りません。この場合どのようにしたら正常に表示する事ができるでしょうか？（CSSに問題あるのでしょうか？）下記のサイトもそのような例です。（フラッシュ部分の画像しか映らない） http://www.kanematsu-oilgas.co.jp/
CSSを使ってのiframe

xhtmlとcssでhpを作ってます。 iframeをcssで表現したいんですが、どうしてもフレーム枠に１pxほどの枠が出てしまいますので、それを無くしたいのと、スクロールバーが出ないようにしたいのですが、どのような書き方がベストでしょうか？どなたかアドバイスをお願いします。現状では以下の書き方をしております。 -----css----- #top{ float:left; text-align:left; width:300px; } #top_iframe{ overflow:auto; width:300px; height:150px;} -----html----- <div id="top"> <iframe src="xxx.html" title="top">更新</iframe> </div> 希望としては現状の幅300px 高さ150pxで、枠が無くスクロールバーもでないようにしたいのですが・・・ <<当方初心者なので、お返事頂けるさいにはcssとhtmlのタグでご回答願います。>>
XHTML+CSS IE5.5で見ると崩れる

皆様こんにちは、XHTML+CSSで初歩を勉強してる者ですがどうして判らない事があるので教えていただければ助かります。判らないことは XHMLのソースに <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>練習</title> <link href="oooo.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="a"> <div id="b"> id "b" </div> <div id="c"> id "c"</div> <div id="d"> id "d"</div> <div id="e"> id "e"</div> </div> </body> </html> と記入しております CSSのソースは @charset "utf-8"; body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; padding: 0px; } #a { background-color: #999999; width: 400px; border: 1px solid #66FF00; } #a #b { background-color: #006699; width: 400px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #996600; } #a #c { background-color: #00CC99; margin: 5px; float: left; width: 100px; display: inline; } #a #d { background-color: #99FF66; width: 285px; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; display: inline; } #a #e { clear: both; background-color: #0000FF; height: 20px; } と記入しております。 IE8,7,6では自分の描いたイメージどうり表示されるものの、 IE5.5では崩れてしまいます。作成ソフトはAdobe Dreamweaver CS3で作成しております。ブラウザーの互換性チェックしても何も問題は無いのですがどうしてでしよう？わかる方おしていただけると助かります。
divタグについて

初心者です。 xhtml+cssでdiv idというタグを何箇所にも利用してますが、div classはどういうときに使うんですかね？
インラインフレームについて

不動産サイトを運営しています。現在ＣＧＩをインラインフレームで呼び出して新着物件やお勧め物件を表示しております。しかし、トップページのソースに表示されていないために、物件を入れ替えても更新にはなっておりません。ソースとして表示するにはどうしたらよいのでしょうか？下記に今のソースを記載しておきます。あまり詳しくないものですから、具体的にお願い致します。 <div class="contents_midashi"><h4>新着不動産情報</h4></div> <div id="topic"><iframe name="news" src="cgi-bin/news_g.cgi" frameborder="0" scrolling="auto" width="723" height="310"></iframe></div> <div class="contents_midashi"><h4>特選不動産物件情報</h4></div> <div class="toku"><iframe name="baitoku" src="cgi-bin/toku/b_toku_y.cgi?hyoji_page=1" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe>
DTDとXHTMLについて

ドキュタイプを<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> にし、divでイメージを積み上げるとIE6.1（6.2は平気のようで・・・）でイメージとイメージの間に隙間が開いてしまうのですが、 <div><img src="aaa.gif" width="200" height="10" alt="aaa" title="aaa" border="0" /></div> <div><img src="bbb.gif" width="200" height="10" alt="bbb" title="bbb" border="0" /></div> こんな感じでかくと・・・。これを回避する方法がわかる方いらっしゃいましたら教えてください。　CSSでdivにline-height:0px;を指定すれば崩れなくなるのですが、これだと他で不都合があるので使えません・・・。　なんだか上記のドキュタイプをいれると他にもIE6.1だけのバグがあるようなきがするのですが、詳しい方いらっしゃいましたら教えてください・・　よろしくお願いします。
xhtml 1.0とxhtml1.1

xhtml 1.0とxhtml1.1がありますが、webサイトを作成する上ではどちらでサイトを作ったら良いのでしょうか？ htmlとcssはある程度わかるのですが、xhtml 1.0とxhtml1.1の違いがいまいちわかりません。htmlでサイトを作っていると将来的に何か問題が起こるのでしょうか？
インラインフレームを使用するとIE6でレイアウトが崩れます。

インラインフレームを使用するとIE6でレイアウトが崩れます。 2カラム、左メニューのwebページを作っているのですが、インラインフレームを使用したページのみ、IE6でレイアウト崩れがおこります。 css＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ #box { width:800px; } #main { width: 605px; margin: 5px; float: right; } #menu { width:180px; margin: 5px; float: left; } iframe.member { width: 595px; height: 700px; border-left: solid 5px #000000; border-right: solid 5px #000000; border-bottom: solid 5px #000000; margin-top: 0px; margin-right: 5px; } HTML＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ <body> 　・　・　・ <div id="box"> <div id="main"> <img src="***.gif" title="見出し画像"> <iframe src="***.html" frameborder="0" class="member"></iframe> </div> <div id="menu"> メニュー </div> </div> 　・　・　・ </body> ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ boxのなかにmain（右回り込み）とmenu（左回り込み）で２カラムにしています。 mainのなかに、mainの幅と同等となるインラインフレームを配置したいのですが上記のようにするとmenuが回り込まず、mainの左下に表示されます。 iframe.memberを使用せず、ほぼ同等のdiv（下記#contents）を切りテキストのページをつくった場合はきれいに回り込みます。 css＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ #contents { padding: 15px; width: 565px; border-left: solid 5px #000000; border-right: solid 5px #000000; border-bottom: solid 5px #000000; margin-top: 0px; margin-right: 5px; } HTML＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ <body> 　・　・　・ <div id="box"> <div id="main"> <img src="***.gif" title="見出し画像"> <div id="contents"> テキストテキスト </div> <div id="menu"> メニュー </div> 　・　・　・ </body> ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊一度インラインフレームを設置したページからインラインフレームを削除しても divの幅をせばめてみるなどのテストをしてもカラム落ち？は直らないという謎の状況です・・・他のサイトを同じようなCSSで作ったときには、インラインフレームを使用してもIE6で問題なく表示されたので今回のエラー？　バグ？　がなぜおこっているのか見当もつきません。状況を上手く説明出来てないかもしれませんが、アドバイス等ありましたらお願いします。
xhtml+cssのレイアウト　センタリング　カラム落ち

xhtml+cssレイアウト超初心者です。何か間違っている所があれば教えてください。よろしくお願い致します。【問題点】　１）全体がセンタリングにならない　　　□□■■■■■□□ 　　　□□■■■■■□□ 　　　□□■■■■■□□(左右の中央にしたい) 　２）subがカラム落ちしてしまっている？　　　mainとsubの下に『スト』という文字が入ってしまっています。【cssソース】 @charset "Shift_JIS"; * {margin: 0; 　padding: 0; 　} body {color: #000000; 　font-size: 62.5%; 　} /*==wrapper==*/ div#wrapper { width: 950px; margin : 0 auto; } /*==heaber==*/ div#heaber { width: 950px; margin-bottom: 30px; background-color: #66CCFF; } /*==contents ==*/ div#contents { width: 950px; float: left; background-color:#66CCFF; } /*==main ==*/ div#main { width: 740px; margin-right: 20px; float: left; background-color:#6699FF; } /*==sub ==*/ div#sub { width: 190px; float: left; background-color:#6666FF; } /*==siteinfo ==*/ div#siteinfo { clear: both; width: 950px; background-color:#6633FF; } 【HTMLソース】 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <link rel="stylesheet" media="tv, screen, projection, print" href="css/import.css" /> </head> <body> <div id="wrapper"> <div id="header"> <p>テキスト</p> <p>テキスト</p> </div> <div id="contents"> <div id="main"> <p>テキスト</p> <p>テキスト</p> </div> <div id="sub"> <p>テキスト</p> <p>テキスト</p> </div> </div> <div id="siteinfo"> <p>テキスト</p> <p>テキスト</p> </div> </div> </body> </html>
XHTMLでは、インライン要素は必ずブロックレベル要素内に記述となっていますがこの場合は？

XHTMLについて教えてください。 XHTMLでは、インラインレベル要素は、必ずブロックレベル要素内で記述されなければなりませんが、こういった場合（以下参照ください）の書き方は、どちらが正しのでしょうか？まずCSSを、 #hoge{ width:200px; background-color:#000000; } と設定したと仮定します。で、XHTMLですが・・・ -----サンプル１----- <div id="hoge"> <p><img src="写真とか.gif" alt="" width="10" height="10" /></p> <h1>タイトル</h1> <p>テキストテキストテキスト・・・・・</p> </div> -----サンプル2----- <div id="hoge"> <img src="写真とか.gif" alt="" width="10" height="10" /> <h1>タイトル</h1> テキストテキスト </div> あと、ブロックid“hoge”内に一つだけインライン要素を配置する場合・・・ -----サンプル2----- <div id="hoge"> <p><img src="ボタン.gif" alt="" width="10" height="10" /></p> </div> -----サンプル2----- <div id="hoge"> <img src="ボタン.gif" alt="" width="10" height="10" /> </div> 要するに、CSSの設定を呼び出すために<div>で括っている場合は、それぞれのサンプル2のように既にブロックレベル要素内に収まっている」ということになるのでしょうか？それとも、やはり、サンプル1のよう記述するのが正しいのでしょうか？説明が分かりにくくて申し訳ございませんが、ぜひアドバイスくださいますようお願いいたします。
xhtml+cssのfloatの使い方、センタリングの方法

xhtml+cssでのプログラミングについて教えてください！初めてxhtml+cssでのプログラミングに挑戦しています。質問したい内容が２つあります。 1.) ページ全体をセンタリング表示したいです。　　(下記ソースのままだと左寄せに表示されてしまいます。) 2.) floatして右側に表示しているボックスの中に　　さらにfloatさせてleft、lightの２つ横並びのボックスを　　配置することは可能でしょうか？　　また、その際の注意点などはございますでしょうか？ --------------------------------------------------------------- <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>無題ドキュメント</title> </head> <style type="text/css">  </style> <body> <div id="wrap"> <div id="header"> </div> <div id="side"> </div> <div id="main"> <div class="conte1"> </div> <div class="conte2"> </div> <div class="conte3"> </div> </div> <div id="footer"> </div> </div> </body> </html> --------------------------------------------------------------- 質問のどちらかでも結構です。初心者のため質問の仕方が悪く、ご理解が難しいかもしれませんがどなたかご理解頂ける方は教えてください。
XHTML 1.0 Transitional　でインラインフレームの表示方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> でインラインフレームを表示する方法はありますか？普段は <DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">のドキュメントタイプでサイトを作っているのですが、他の人に作ってもらったサイトが上記のタイプで作られていました。そのサイトにiframeを組み込みたいのですが、表示がされませんでした。そこで、HTML 4.01 のタイプに変更したところ、文字の大きさや高さなどが崩れてしまいます。何かよい方法がありましたら教えてください。宜しくお願いします。
【初心者です】XHTMLとHTMLのどちらを使う？

【初心者です】XHTMLとHTMLのどちらを使う？ XHTMLとHTMLでの開発で困っています。 HTMLは4.01→そのうち5.0？ＸHTMLは1.1→そのうち2.0？どちらを勉強すれば良いのか困っています。現状では、どちらがお勧めでしょうか？
XHTML1.1でposition:relative指定したdivの挙動

XHTML1.1で、widthとheightをpx指定したdiv（divA）の中に、position:relative;を指定したdiv（divB）を配置した場合、 divAよりdivBの幅が広くなると、divBの内容がdivAの外側にはみ出して表示されてしまいますよね。これを回避する方法はないのでしょうか。以下簡単ですがサンプルです。 ----- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> #divA { width: 200px; height: 200px; border: 1px solid #000; overflow: scroll; } .divB { position:relative; } </style> </head> <body> <div id="divA"> <div class="divB"> ************************************************************************************************************<br /> </div> </div> </body> </html>
xhtml+cssでdivをdivで内包する

xhtml+cssでウェブサイトを作成しています。その際、 <div id="a"> <p>題名</p> <div class="b">内容</div> <div class="b">内容</div> </div> のようにdiv要素内にdiv要素を内包したいと思っています。しかしこのままだと親であるdiv id="a"を、子であるdiv class="b"がはみ出してしまいます。ｃｓｓハックを使用する方法が http://www.alink.co.jp/tech/blog/2009/04/13/css-clearfix%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9Fdiv%E3%81%AE%E6%AE%B5%E7%B5%84%E3%81%BF%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF/ に掲載されていましたが、ＩＥ７とＩＥ－ＭＡＣが対象のようです。これと同じような効果が得られるもので、ＩＥ６以降、Ｆｉｒｅｆｏｘ２以降、Ｆｏｄｏｒａそれぞれに対応している方法はありますでしょうか？私がどうしたいのか少しわかりにくいかもしれませんが、上記ＵＲＬでどうしたいのかはわかると思います。アドバイスお願い致します。
CSS適用ページで余分なDIVタグが要求される

CSS初心者です、質問させてください。 XHTMLに外部CSSを添付させています。 headerは３ブロック、 contentsは３ブロックに分けてから各ブロックに複数ブロックをいれています。それら複数ブロックはそれぞれ幅と高さを指定しています。 contentsとfooterには「clear: both;」をいれています。ソースは以下の通りです。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <title>無題ドキュメント</title> <link href="affiliate.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <div id="a_Left"> <div id="a1">A1</div> <div id="a2">A2</div> </div> <div id="a_right"> <div id="a3">A3</div> </div> </div> <div id="contents"> <div id="conLeft"> <div id="b1">B1</div> <div id="b2">B2</div> <div id="b3">B3</div> </div> <div id="conCenter"> <div id="c1">C1</div> <div id="c2">C2</div> <div id="c3">C3</div> </div> <div id="conRight"> <div id="d1">D1</div> <div id="d2">D2</div> <div id="d3">D3</div> <div id="d4">D4<div> </div> </div> </div> </div> <div id="footer">E1</div> </body> </html> 明らかにid="footer"の上にある</div></div>は不要なのですが、入れないと表示がおかしくなります。なぜかさっぱりわかりません。どうすればいいのでしょうか？よろしくお願いします。
XHTMLとHTMLの違い

超初心者ですじぶんでホームページつくったりブログをいじったりしたいと思います。 HTML,XHTML,CSS　最初に覚えるのはどれがよいのでしょうか？
xhtml+cssについて

現在、html+cssでコーディングを行っていますが、そろそろxhtml+cssで組んで見ようと思うのですがxhtmlにする利点は何かあるのでしょうか？簡単な説明とコーディングの注意点を教えてください。

xhtmlでのインラインフレーム『初心者ですm(__)m』

みんなの回答

関連するQ&A

教えてインラインフレームがいまいちわかりません

XHTML+CSSサイトで＜div＞の順序変更によるレイアウト崩壊

XHTML+CSSの印刷について

CSSを使ってのiframe

XHTML+CSS IE5.5で見ると崩れる

divタグについて

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

DTDとXHTMLについて

xhtml 1.0とxhtml1.1

インラインフレームを使用するとIE6でレイアウトが崩れます。

xhtml+cssのレイアウト　センタリング　カラム落ち

XHTMLでは、インライン要素は必ずブロックレベル要素内に記述となっていますがこの場合は？

xhtml+cssのfloatの使い方、センタリングの方法

XHTML 1.0 Transitional　でインラインフレームの表示方法

【初心者です】XHTMLとHTMLのどちらを使う？

XHTML1.1でposition:relative指定したdivの挙動

xhtml+cssでdivをdivで内包する

CSS適用ページで余分なDIVタグが要求される

XHTMLとHTMLの違い

xhtml+cssについて

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

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

xhtmlでのインラインフレーム『初心者ですm(__)m』

みんなの回答

関連するQ&A

教えてインラインフレームがいまいちわかりません

XHTML+CSSサイトで＜div＞の順序変更によるレイアウト崩壊

XHTML+CSSの印刷について

CSSを使ってのiframe

XHTML+CSS IE5.5で見ると崩れる

divタグについて

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

DTDとXHTMLについて

xhtml 1.0とxhtml1.1

インラインフレームを使用するとIE6でレイアウトが崩れます。

xhtml+cssのレイアウト センタリング カラム落ち

XHTMLでは、インライン要素は必ずブロックレベル要素内に記述となっていますがこの場合は？

xhtml+cssのfloatの使い方、センタリングの方法

XHTML 1.0 Transitional でインラインフレームの表示方法

【初心者です】XHTMLとHTMLのどちらを使う？

XHTML1.1でposition:relative指定したdivの挙動

xhtml+cssでdivをdivで内包する

CSS適用ページで余分なDIVタグが要求される

XHTMLとHTMLの違い

xhtml+cssについて

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

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

xhtml+cssのレイアウト　センタリング　カラム落ち

XHTML 1.0 Transitional　でインラインフレームの表示方法

カテゴリ
一覧

専門家に質問してみよう
専門家登録