ここから本文です

テーブルの中にテーブルを入れているのですが、パソコンで見たら横いっぱいになら...

s_m********さん

2018/6/1016:25:24

テーブルの中にテーブルを入れているのですが、パソコンで見たら横いっぱいにならないのですが、スマホで見ると、中のテーブルが外のテーブルとくっついて表示されてしまいます。

画像のように、外のテーブルと中のテーブルの左右を離したいのですが、タグを教えてくださいませんか?


<table width="800" cellspacing="5" cellpadding="5" align="center" bgcolor="#fafad2">
<tbody>
<tr>
<td>
<h1 style="text-align: center;">タイトル</h1>
<img class="画像>
テキスト

&nbsp;

<table style="border: 5px double #f8e58c;" width="500" cellpadding="4" align="center">
<tbody>
<tr>
<td>
<h3 style="text-align: center;">タイトル</h3>
<img class="画像">
テキスト
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

このどの部分に、左右を開けるタグをいれたらよいでしょうか?

tbody&amp;gt,tr&amp;gt,td&amp;gt,center&amp;quot,table&amp;gt,0 auto,margin

閲覧数:
30
回答数:
2
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

yuk********さん

2018/6/1016:44:57

table のpaddingやmargin を使う

あとtable 内のtable の前後に全角スペースを入れるって手もある

ベストアンサー以外の回答

1〜1件/1件中

プロフィール画像

カテゴリマスター

yoy********さん

2018/6/1017:00:10

>このどの部分に、左右を開けるタグをいれたらよいでしょうか?

タグではない。CSSで実装させる。
https://blog.codecamp.jp/css-write-beginner

なお、左右を開ける(中のテーブルを中央配置)には、「margin: 0 auto;」を使います。
ただ、「margin: 0 auto;」だけでは、効きません。
必ず、中のテーブルの幅を指定しておくことで、「margin: 0 auto;」が有効になります。
http://taneppa.net/css_center/

「1.margin: 0 auto;【block要素を中央に】」のところを見てください。


あと、そのhtmlは、何で宣言されてますか?
・html4.01
・XTHML1.0
・html5

どれですか?

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる