ここから本文です

※先ほども同じ質問をさせていただきましたが、やはりダメでしたので再度同じ質問を...

アバター

ID非公開さん

2018/3/3010:32:40

※先ほども同じ質問をさせていただきましたが、やはりダメでしたので再度同じ質問をさせていただきます※

現在サイトを新しく作成しています。

その中で画像の横にtableを置きたいのですが、ネット上で確認すると下の画像のようにずれてしまします。

更新ボタンを押すと上の画像のように元に戻るんですが、毎回です。
(画像がわかりにくくてすみません。)
何か原因があると思うんですがいまいちわかりません。
下記のようにCSSとHTMLを記入しています。
どなたかご教授よろしくお願います。

※先ほどご回答いただいた方に<caption>をつけては?と教わったのでそうしたところ1回見ると崩れていなかったんですが2回目に見ると崩れていました。※

【CSS】
.box3 {
padding:10px 5px;
overflow:hidden;
}

img.alignleft{
max-width:100%;
height:auto;
padding:4px;
margin:0 0 2px 7px;
display:inline;
clear:both;
float:left;
}

.table{
border-collapse:collapse;
margin:5px auto 15px auto;
table-layout:fixed;
}

【HTML】
<div class="box3">
<img src="images/○○○○.jpg" alt="○○" width="300" height="225" class="alignleft size-full" />
<br>
<table>
<p>ここに文字</p>
<tr>
<th>○○</th>
<td>○○○○</td>
</tr>
</table>
</div>

table&amp;gt,tr&amp;gt,td&amp;gt,th&amp;gt,p&amp;gt,table&amp;quot,margin

この質問は、活躍中のチエリアン・専門家に回答をリクエストしました。

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

違反報告

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

プロフィール画像

カテゴリマスター

yoy********さん

リクエストマッチ

2018/3/3013:24:29

table{
}の中にある
margin:5px auto 15px auto;

この中にある「auto」を「0」に変えて下さい。

  • アバター

    質問者

    ID非公開さん

    2018/3/3015:02:00

    ありがとうございます。
    おかげでできました!
    少しお聞きしたいんですが、あまりautoは使わない方がいいんでしょうか?

  • その他の返信(2件)を表示

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

アバター

質問した人からのコメント

2018/3/30 16:10:08

ありがとうございました。色々試行錯誤していただけに早く聞いておけばよかったです。。。勉強になりました。

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

1〜1件/1件中

プロフィール画像

カテゴリマスター

shi********さん

2018/3/3010:43:29

再現できません。

× .table{

〇 table{

ではありませんか?(class="table"という要素が見当たりません)。


そもそもtable要素の内側(tr要素なし)にp要素を記述すること自体が誤りだと思います。適切なhtmlを書いてください。

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

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

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

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

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

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

閉じる

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

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

閉じる