/* CSS・スタイルシート質問スレッド【21】 */

WinXP , Opera7.11 を使用しています。

<form>
<fieldset>
</fieldset>
<fieldset>
</fieldset>
</form>

というように、 form 要素の中に fieldset 要素を2つ配置しています。
そして CSS は
fieldset{
float:left;
width:40%;
margin:0.5em;
}
と記述して、2つの fieldsetが横に並ぶようにしていますが、
Oepra だけ実現できません。（IE や Mozilla はできました。）
私の記述が何かおかしいのでしょうか？それとも Opera のバグでしょうか？
よろしくお願いします。

>>656
ハァ？バカばっかのスレはココデスカ？

>>658
うん、まず君。

>>658
自分の馬鹿さを晒し上げているスレはここですか？

>>657
<fieldset>はブラウザによって定義が違うので<div>で包含する方がいいと思う
省略してるか解らないんだけど、<legend>を使わないんだったら <fieldset>は省いて
<div>を使う。
それ以前にフォーム部品はデフォルトの大きさがブラウザによってまちまちなので
あまりfloatは使わないようにレイアウトするのが基本だと思うんだけど

>>661さん
> <fieldset>はブラウザによって定義が違うので
むむ、これは知りませんでした。
<div> で <fieldset> 〜 </fieldset> を包括するとうまくいきました。
ありがとうございました。

> あまりfloatは使わないようにレイアウト
説明しなかった私がいけないんですが、
2つの <fieldset> 〜 </fieldset> の内部は全く同じなのです。
Javascript の changefgcolor を使うか changebgcolor を使うかの違いしかありません。
なので、2つを横に並べた方が便利かな、と…。

参考までにソース…というか現物晒し。
http://www10.ocn.ne.jp/~dotnote/tips/css-question.html　（div 包括無し = Opera で×）
http://www10.ocn.ne.jp/~dotnote/tips/css-question-with-div.html　（div 包括あり = Opera で○）