テーブルの大きさ固定

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: サハクィエル : 2004/03/28 14:44   [URL
今回、下のようなテーブルタグを作ったのですが、
最初の「lv」〜「階級」の所までは固定できるのですが
最初の「?」の所に、例えば「サハクィエル」と入れます。
そうすると、テーブルの大きさが変わりますよね?
これで名簿などを作ると、すべての大きさが統一できないのです。
なので、このテーブル一つの大きさを固定する方法を教えてください。


1   名前: サハクィエル : 2004/03/28 14:45   [URL
ソース

<table border="0" width="100%" cellspacing="2" cellpadding="2">
<tr align="center">
<td> </td>
<th style="border:solid 1px #808080; background-color:#e8e8ff;">LV</th>
<th style="border:solid 1px #808080; background-color:#e8e8ff;">クラス</th>
<th style="border:solid 1px #808080; background-color:#e8e8ff;">HP</th>
<th style="border:solid 1px #808080; background-color:#e8e8ff;">MP</th>
  <th style="border:solid 1px #808080; background-color:#e8e8ff;">性格</th>
<th style="border:solid 1px #808080; background-color:#e8e8ff;">階級</th>
</tr>
<tr align="center">
<th style="border:solid 1px #808080; background-color:#e8e8ff;">?</th>
<td style="border:solid 1px #808080;">?</td>
<td style="border:solid 1px #808080;">?</td>
<td style="border:solid 1px #808080;">?</td>
<td style="border:solid 1px #808080;">?</td>
<td style="border:solid 1px #808080;">?</td>
<td style="border:solid 1px #808080;">?</td>

2   名前: ばあど : 2004/03/28 19:20   [URL
CSSで以下のようにするとどうでしょう。
<style type="text/css"><!--
table{table-layout:fixed;width:100%;}
th,td{border:solid 1px #808080;}
th{background-color:#e8e8ff;}
--></style>

ただし、列ごとに幅を指定してもらう必要があります。
その辺はご勘弁。

一覧へ戻る