fieldsetについて

解決済

質問者：korochin
質問日時：2003/03/23 17:32
回答数：4件

スタイルシートに、
<style type="text/css">

</style>
と記述し、

<body>
<fieldset>
<legend>test</legend>
<table>
<tr>
<td>テスト</td>
</tr>
</table>
</fieldset>
</body>
とやっても、fieldset上の線がドットになりません。線の太さを１ＰＸにするとなるのですが、どちらにせよlegendの”test”にも線がかぶってしまいます。
どうすればいいでしょうか？？記述が間違っていればご指摘ください。
ＩＥ６を使っています。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： Adams2001
回答日時：2003/03/24 10:03

スタイル指定なしで表示させてみてください。

IE6ではfieldsetが枠線で囲まれ、上の線上にlegendが重なるように表示されます。これがデフォルトのスタイルですので、重なるのが正解、です。

で、これをスタイルシートで枠線の種類を変えると、IEでは上の線がおかしくなります（#1の方の指摘通りバグでしょう）。

それはさておき、legendの外側に枠線を持っていきたい、ということのようなので、fieldsetの外側にdiv要素を定義し、このdiv要素に点線の枠線を与える、というのが（HTMLとしては美しくないですが）簡単です。

<style type="text/css">

</style>

<body>
<div class="Box1">
<fieldset>
<legend>test</legend>
<table>
<tr>
<td>テスト</td>
</tr>
</table>
</fieldset>
</div>
</body>

divに枠線を与えると同時に、div内のfieldsetからは枠線を除いています。

- 0
- 件

通報する

No.4

回答者： ryota2
回答日時：2003/03/24 12:40

CSS Level 1の仕様書をみてみました。

5.5.22 'border'
Value: <border-width> || <border-style> || <color>
Initial: not defined for shorthand properties
Applies to: all elements
Inherited: no
Percentage values: N/A

( http://www.w3.org/TR/REC-CSS1#border )

「border:2px dotted #999999;」のように直しても上の線がおかしいです。IEのバグと思われますので、これだけはどうしようもありません。

どうしてもやりたいのであればテーブルを組んで画像を使うといいです。

参考URL：http://www.w3.org/TR/REC-CSS1#border