ここから本文です

テーブルを作っています。 全体の長さを計算してテーブルのサイズを指定したので...

nat********さん

2018/7/615:50:59

テーブルを作っています。
全体の長さを計算してテーブルのサイズを指定したのですが、テーブル間の余白の幅が違ってしまいます。
初心者の為、ご指導よろしくお願い致します。

HTML

<div id="content">
<table class="contentTBL">
<tr>
<td class="SC">商品A</td>

</tr>
<tr>
<td class="SC">商品B</td>

</tr>
<tr>
<td class="SC">商品C</td>

</tr>
</table>
<table class="contentTBL">
<tr>
<td class="SC">商品A</td>

</tr>
<tr>
<td class="SC">商品B</td>

</tr>
<tr>
<td class="SC">商品C</td>

</tr>
</table>
<table class="contentTBR">
<tr>
<td class="SC">商品A</td>

</tr>
<tr>
<td class="SC">商品B</td>

</tr>
<tr>
<td class="SC">商品C</td>

</tr>
</table>
<div class="clear"><br></div><!-- フロート解除 -->
</div>

CSS

#content{
width:944px;
height:1500px;
margin: 0px;
float: right;
}
#content .contentTBL{
width:310px;
margin-right:4px;
border: 1px solid #ddd;
float: left;
background:#eee;
table-layout:fixed
}

#content .contentTBR{
width:310px;
margin:0px;
padding:0px;
border:solid 1px #ddd;
float: right;
table-layout:fixed
}

補足float:left;にしてみましたが、今度は右側に少しスペースが空いてしまいます。
サイズ通りにはならないものなのでしょうか?

閲覧数:
46
回答数:
1
お礼:
50枚

違反報告

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

hei********さん

2018/7/617:17:15

float 使う場合は、全部 float: left; でいいんです。

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

  • 取り消す
  • キャンセル

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

2018/7/11 16:06:36

回答ありがとうございます!

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

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

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

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

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

閉じる

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

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

閉じる