![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
現在組んでいるテーブル内にインラインフレームを入れようとしているのですが、
インラインフレームを入れるとどうしてもテーブルのレイアウト(幅)が崩れてしまいます。
図を見て頂いたら分かるかと思いますが、
テーブル内の通常のテキストの後に(アイウ)というインラインフレームを入れようとしています。
インラインフレームの横幅は、「ウ)」がぎりぎり入るくらいの最小限に抑えており、
見た目でもかなりテーブル内に余裕はあるのですが、後の内容が追いやられます。
ソースとしては、
<th width="25%">項目1</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%">項目2</th>
<td width="25%">サンプル内容2</td>
このような状況です。(aiu.html内の内容がアイウです。 実際はJavascript)
全て幅を25%に設定している上、
テーブル内でだいぶ空白に余裕はあるにも関わらず、
レイアウトが崩れて後の項目が右に追いやられる意味が分かりません。
どなたか分かる方いらっしゃいましたら、
お忙しいところ恐縮ですがご伝授頂きたく思います。
よろしくお願い申し上げます。
![「table内にiframeでテーブルが崩」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/1/1440673_5497ce1664117/M.jpg)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
テーブル内に画像を表示したい。
-
HTMLでテーブルを横に並べる方法
-
プルダウンの表示位置
-
画像の横にテーブルを。。。
-
複数のテーブルを無条件に中央...
-
【CSS】縦横スクロールテーブル...
-
tableのheight指定が効かない
-
画像と、セルのつなぎ目に白い...
-
<SPAN>で文字を右揃えにしたい...
-
ドリームウィーバーでテーブル...
-
Dreamweaverでテーブルの列幅を...
-
画像の表示位置について・・・。
-
ホームページのテーブルに斜線...
-
文字の後ろだけ背景色を変えた...
-
テーブルでスクロールを同期したい
-
table内にiframeでテーブルが崩...
-
箇条書きリストのすぐ横に画像...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
tableのheight指定が効かない
-
テーブル内に画像を表示したい。
-
ウィンドウのサイズを変えても...
-
箇条書きリストのすぐ横に画像...
-
2つのテーブルを左右に表示した...
-
【CSS】縦横スクロールテーブル...
-
画像の横にテーブルを。。。
-
HTMLでページの幅を設定し...
-
ヘッダー固定のスクロールが可...
-
CSSで文字を一番下の中央に表示...
-
プルダウンの表示位置
-
テーブル内でdlタグ使った際の...
-
一つのテーブル内の文字色だけ...
-
ホームページのテーブルに斜線...
-
テーブルでスクロールを同期したい
-
画像と、セルのつなぎ目に白い...
おすすめ情報