ベストアンサー

fieldsetについて

2003/03/23 17:32

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

korochin
お礼率30% (50/162)

HTML
回答数4
ありがとう数3

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

Adams2001
ベストアンサー率67% (70/103)

2003/03/24 10:03 回答No.3

スタイル指定なしで表示させてみてください。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からは枠線を除いています。

その他の回答 (3)

ryota2
ベストアンサー率43% (61/140)

2003/03/24 12:40 回答No.4

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のバグと思われますので、これだけはどうしようもありません。どうしてもやりたいのであればテーブルを組んで画像を使うといいです。