dポイントプレゼントキャンペーン実施中!

お世話になります。
レイアウト崩れについて質問させて頂きます。
現在下記のようにしています。
IE9、Safari、Chromeでは問題ないのですが、FireFoxで見た時に添付画像の用になってしまいます。いろいろ試してみたのですが、原因がわかりません。
この現象の原因が思い当たる方いましたらアドバイスをください。

HTML
<table class="list">
<thead>
 <tr>
  <td>テスト</td>
 </tr>
 <tr>
  <th class="tdptn100">Line1</th>
  <th class="tdptn100">Line2</th>
  <th class="tdptn380">Line3</th>
<th class="tdptn100">Line4</th>
<th class="tdptn100">Line5</th>
<th class="tdptn50">Line6</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>

CSS
table.list {
width: auto;
border: 2px solid #000;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
}
.list th {
font-size: 60%;
}
.list td {
font-size: 60%;
display:block;
}

A 回答 (1件)

>添付画像



が見られないようですが・・・

>display:block;

display:table-cell;

じゃだめなんですか?

この回答への補足

申し訳わけありません。

画像がうまく挙げられないので文字で補足させて頂きます。
現象としては、tdがすべて左に詰められたように表示されてしまっている感じです。

補足日時:2011/12/14 12:41
    • good
    • 0
この回答へのお礼

「display:table-cell」に直したところ正常に表示されました。
ありがとうございます。

お礼日時:2011/12/14 12:45

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!